@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/menu/main-bg.png) no-repeat top center; padding: 135px 0 125px;;}
#main-bx .ttl{text-align: center;}

#con1 {}
#con1 .all-bx{background: #EAECEE; padding: 45px 0 102px;}

#con1 .bx{width: 100%; margin: 0 auto; padding: 15px 0 100px;;}
#con1 .bx .inner{width: 1280px; margin: 0 auto;}
#con1 .bx .inner .ttl{font-size: 48px; letter-spacing: 2px; line-height: 1.5; font-weight: bold; text-align: center; margin-bottom: 46px;}
#con1 .bx .inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.2; font-weight: 500; text-align: center; margin-bottom: 60px;}

#con1 .bx .inner .link-bx{width: 1280px; margin: 0 auto; background: #fff; padding: 40px 0 45px;}
#con1 .bx .inner .link-bx .ttl1{font-size: 14px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; text-align: center; color: #C41729; margin-bottom: 10px;}
#con1 .bx .inner .link-bx .ttl2{font-size: 25px; letter-spacing: 2.4px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 50px;}
#con1 .bx .inner .link-bx .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 .link-bx .list li{width: 290px; margin-right: 10px; margin-bottom: 20px;}
#con1 .bx .inner .link-bx .list li:nth-child(1){margin-left: 100px;}
#con1 .bx .inner .link-bx .list li:nth-child(3){margin-right: 100px;}
#con1 .bx .inner .link-bx .list li:last-child{margin-right: 0;}

#con1 .bx1{width: 100%; margin: 0 auto 75px; background: linear-gradient(to right, #ffffff 90%, transparent 90%); padding: 110px 0 88px;}
#con1 .bx1 .inner1{}
#con1 .bx1 .inner1 .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx1 .inner1 .in-bx .in-inner{width: 490px; margin-left: auto;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-num{font-size: 140px; letter-spacing: 2px; line-height: 1.6; font-weight: 900; color: #F2F2F2; position: absolute; right: -55px; bottom: -65px; z-index: 0;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-ttl1{font-size: 30px; letter-spacing: 2.4px; line-height: 1.6; font-weight: bold; color: #C41729; margin-bottom: 7px;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; padding-bottom: 10px; margin-bottom: 35px; position: relative;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -10px;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-img1{position: absolute; left: 0; top: 2px;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 36px; position: relative; z-index: 1;}

#con1 .bx2{width: 100%; margin: 0 auto 80px; background: linear-gradient(to left, #DFE2E5 90%, transparent 90%); padding: 110px 0 120px;}
#con1 .bx2 .inner1{}
#con1 .bx2 .inner1 .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx2 .inner1 .in-bx .in-inner{width: 490px; margin-right: auto;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-num{font-size: 140px; letter-spacing: 2px; line-height: 1.6; font-weight: 900; color: #EDEDED; position: absolute; left: -50px; bottom: -97px; z-index: 0;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-ttl1{font-size: 30px; letter-spacing: 2.4px; line-height: 1.6; font-weight: bold; color: #C41729; margin-bottom: 7px;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; padding-bottom: 10px; margin-bottom: 35px; position: relative;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -10px;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-img1{position: absolute; right: 0; top: 2px;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 36px; position: relative; z-index: 1;}

#con1 .bx3{width: 100%; margin: 0 auto 80px; background: linear-gradient(to right, #ffffff 90%, transparent 90%); padding: 110px 0 150px;}
#con1 .bx3 .inner1{}
#con1 .bx3 .inner1 .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx3 .inner1 .in-bx .in-inner{width: 490px; margin-left: auto;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-num{font-size: 140px; letter-spacing: 2px; line-height: 1.6; font-weight: 900; color: #F2F2F2; position: absolute; right: -50px; bottom: -130px; z-index: 0;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-ttl1{font-size: 30px; letter-spacing: 2.4px; line-height: 1.6; font-weight: bold; color: #C41729; margin-bottom: 7px;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; padding-bottom: 10px; margin-bottom: 35px; position: relative;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -10px;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-img1{position: absolute; left: 0; top: 2px;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 36px; position: relative; z-index: 1;}

#con1 .bx4{width: 100%; margin: 0 auto 80px; background: linear-gradient(to left, #DFE2E5 90%, transparent 90%); padding: 110px 0 120px;}
#con1 .bx4 .inner1{}
#con1 .bx4 .inner1 .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx4 .inner1 .in-bx .in-inner{width: 490px; margin-right: auto;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-num{font-size: 140px; letter-spacing: 2px; line-height: 1.6; font-weight: 900; color: #EDEDED; position: absolute; left: -50px; bottom: -97px; z-index: 0;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-ttl1{font-size: 30px; letter-spacing: 2.4px; line-height: 1.6; font-weight: bold; color: #C41729; margin-bottom: 7px;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; padding-bottom: 10px; margin-bottom: 35px; position: relative;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -10px;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-img1{position: absolute; right: 0; top: 2px;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 36px; position: relative; z-index: 1;}

#con1 .bx5{width: 100%; margin: 0 auto 80px; background: linear-gradient(to right, #ffffff 90%, transparent 90%); padding: 110px 0 115px;}
#con1 .bx5 .inner1{}
#con1 .bx5 .inner1 .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx5 .inner1 .in-bx .in-inner{width: 490px; margin-left: auto;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-num{font-size: 140px; letter-spacing: 2px; line-height: 1.6; font-weight: 900; color: #F2F2F2; position: absolute; right: -50px; bottom: -95px; z-index: 0;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-ttl1{font-size: 30px; letter-spacing: 2.4px; line-height: 1.6; font-weight: bold; color: #C41729; margin-bottom: 7px;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; padding-bottom: 10px; margin-bottom: 35px; position: relative;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -10px;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-img1{position: absolute; left: 0; top: 2px;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 36px; position: relative; z-index: 1;}

#con1 .bx6{width: 100%; margin: 0 auto 80px; background: linear-gradient(to left, #DFE2E5 90%, transparent 90%); padding: 110px 0 155px;}
#con1 .bx6 .inner1{}
#con1 .bx6 .inner1 .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx6 .inner1 .in-bx .in-inner{width: 490px; margin-right: auto;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-num{font-size: 140px; letter-spacing: 2px; line-height: 1.6; font-weight: 900; color: #EDEDED; position: absolute; left: -50px; bottom: -130px; z-index: 0;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-ttl1{font-size: 30px; letter-spacing: 2.4px; line-height: 1.6; font-weight: bold; color: #C41729; margin-bottom: 7px;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; padding-bottom: 10px; margin-bottom: 35px; position: relative;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -10px;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-img1{position: absolute; right: 0; top: 2px;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 36px; position: relative; z-index: 1;}

#con1 .bx7{width: 100%; margin: 0 auto; background: linear-gradient(to right, #ffffff 90%, transparent 90%); padding: 110px 0 115px;}
#con1 .bx7 .inner1{}
#con1 .bx7 .inner1 .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx7 .inner1 .in-bx .in-inner{width: 490px; margin-left: auto;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-num{font-size: 140px; letter-spacing: 2px; line-height: 1.6; font-weight: 900; color: #F2F2F2; position: absolute; right: -90px; bottom: -95px; z-index: 0;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-ttl1{font-size: 30px; letter-spacing: 2.4px; line-height: 1.6; font-weight: bold; color: #C41729; margin-bottom: 7px;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; padding-bottom: 10px; margin-bottom: 35px; position: relative;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -10px;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-img1{position: absolute; left: 0; top: 2px;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 36px; position: relative; z-index: 1;}




/* works */

#works {}
#works .bx{width: 1280px; margin: 0 auto; padding: 123px 0 40px;}
#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: #1A1A1A; 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 */



#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; }
#con2 .bx .inner{width: 1280px; margin: 0 auto; padding: 95px 0 100px;}
#con2 .bx .inner .ttl{font-size: 32px;letter-spacing: 2.6px;line-height: 1.9;font-weight: 700;text-align: center;margin-bottom: 53px;}
#con2 .bx .inner .img{text-align: center; margin-bottom: 40px;}
#con2 .bx .inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.5; font-weight: 500; text-align: center;}




}











@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/menu/sp-main-bg.png) no-repeat top center; padding: 16vw 0 19vw; background-size: 100%;}
#main-bx .ttl{width: 100%; margin: 0 auto;}

#con1 {}
#con1 .all-bx{background: #EAECEE; padding: 5vw 0 10vw;}

#con1 .bx{width: 100%; margin: 0 auto; padding: 4vw 0 17vw;;}
#con1 .bx .inner{width: 100%; margin: 0 auto;}
#con1 .bx .inner .ttl{font-size: 4.9vw; letter-spacing: 0.3vw; line-height: 1.55; font-weight: bold; text-align: center; margin-bottom: 7vw;}
#con1 .bx .inner .ttl span{font-size: 7.8vw; letter-spacing: 0vw; line-height: 1.3;}
#con1 .bx .inner .txt{font-size: 3.9vw; letter-spacing: 0.35vw; line-height: 2.1; font-weight: 500; margin-bottom: 8vw; padding: 0 8vw;}

#con1 .bx .inner .link-bx{width: 100%; margin: 0 auto; background: #fff; padding: 12vw 5vw 12vw;}
#con1 .bx .inner .link-bx .ttl1{font-size: 4.2vw; letter-spacing: 0.5vw; line-height: 1.6; font-weight: bold; text-align: center; color: #C41729; margin-bottom: 1vw;}
#con1 .bx .inner .link-bx .ttl2{font-size: 6vw; letter-spacing: 0.5vw; line-height: 1.35; font-weight: bold; text-align: center; margin-bottom: 7vw;}
#con1 .bx .inner .link-bx .list{margin-left: 5vw; 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; }
#con1 .bx .inner .link-bx .list li{width: 38vw; margin-right: 4vw; margin-bottom: 2.8vw;}
#con1 .bx .inner .link-bx .list li:nth-child(2n){margin-right: 0;}
#con1 .bx .inner .link-bx .list li:nth-child(7){margin-bottom: 0;}


#con1 .bx1{width: 92%; margin: 0 auto 7vw; background: #fff; padding: 5vw 0 9vw;}
#con1 .bx1 .inner1{}
#con1 .bx1 .inner1 .in-bx{width: 91%; margin: 0 auto; position: relative;}
#con1 .bx1 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-num{font-size: 7vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: 900; color: #F2F2F2; text-align: center;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-ttl1{font-size: 6.4vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: bold; text-align: center; color: #C41729; margin-bottom: 1vw;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-ttl2{font-size: 4vw; letter-spacing: 0.2vw; line-height: 0.8; font-weight: bold; margin-bottom: 15.5vw; text-align: center; position: relative;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -11vw;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-img1{width: 92%; margin: 0 auto 4vw;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; }

#con1 .bx2{width: 92%; margin: 0 auto 7vw; background: #DFE2E5; padding: 5vw 0 9vw;}
#con1 .bx2 .inner1{}
#con1 .bx2 .inner1 .in-bx{width: 91%; margin: 0 auto; position: relative;}
#con1 .bx2 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-num{font-size: 7vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: 900; color: #EDEDED; text-align: center;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-ttl1{font-size: 6.4vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: bold; text-align: center; color: #C41729; margin-bottom: 1vw;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-ttl2{font-size: 4vw; letter-spacing: 0.2vw; line-height: 0.8; font-weight: bold; margin-bottom: 15.5vw; text-align: center; position: relative;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -11vw;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-img1{width: 92%; margin: 0 auto 4vw;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; }

#con1 .bx3{width: 92%; margin: 0 auto 7vw; background: #fff; padding: 5vw 0 8vw;}
#con1 .bx3 .inner1{}
#con1 .bx3 .inner1 .in-bx{width: 91%; margin: 0 auto; position: relative;}
#con1 .bx3 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-num{font-size: 7vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: 900; color: #F2F2F2; text-align: center;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-ttl1{font-size: 6.4vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: bold; text-align: center; color: #C41729; margin-bottom: 1vw;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-ttl2{font-size: 4vw; letter-spacing: 0.2vw; line-height: 0.8; font-weight: bold; margin-bottom: 15.5vw; text-align: center; position: relative;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -11vw;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-img1{width: 92%; margin: 0 auto 4vw;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; }

#con1 .bx4{width: 92%; margin: 0 auto 7vw; background: #DFE2E5; padding: 5vw 0 9vw;}
#con1 .bx4 .inner1{}
#con1 .bx4 .inner1 .in-bx{width: 91%; margin: 0 auto; position: relative;}
#con1 .bx4 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-num{font-size: 7vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: 900; color: #EDEDED; text-align: center;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-ttl1{font-size: 6.4vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: bold; text-align: center; color: #C41729; margin-bottom: 1vw;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-ttl2{font-size: 4vw; letter-spacing: 0.2vw; line-height: 0.8; font-weight: bold; margin-bottom: 15.5vw; text-align: center; position: relative;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -11vw;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-img1{width: 92%; margin: 0 auto 4vw;}
#con1 .bx4 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; }

#con1 .bx5{width: 92%; margin: 0 auto 7vw; background: #fff; padding: 5vw 0 8vw;}
#con1 .bx5 .inner1{}
#con1 .bx5 .inner1 .in-bx{width: 91%; margin: 0 auto; position: relative;}
#con1 .bx5 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-num{font-size: 7vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: 900; color: #F2F2F2; text-align: center;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-ttl1{font-size: 6.4vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: bold; text-align: center; color: #C41729; margin-bottom: 1vw;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-ttl2{font-size: 4vw; letter-spacing: 0.2vw; line-height: 0.8; font-weight: bold; margin-bottom: 15.5vw; text-align: center; position: relative;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -11vw;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-img1{width: 92%; margin: 0 auto 4vw;}
#con1 .bx5 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; }

#con1 .bx6{width: 92%; margin: 0 auto 7vw; background: #DFE2E5; padding: 5vw 0 9vw;}
#con1 .bx6 .inner1{}
#con1 .bx6 .inner1 .in-bx{width: 91%; margin: 0 auto; position: relative;}
#con1 .bx6 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-num{font-size: 7vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: 900; color: #EDEDED; text-align: center;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-ttl1{font-size: 6.4vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: bold; text-align: center; color: #C41729; margin-bottom: 1vw;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-ttl2{font-size: 4vw; letter-spacing: 0.2vw; line-height: 0.8; font-weight: bold; margin-bottom: 15.5vw; text-align: center; position: relative;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -11vw;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-img1{width: 92%; margin: 0 auto 4vw;}
#con1 .bx6 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; }

#con1 .bx7{width: 92%; margin: 0 auto 3vw; background: #fff; padding: 5vw 0 8vw;}
#con1 .bx7 .inner1{}
#con1 .bx7 .inner1 .in-bx{width: 91%; margin: 0 auto; position: relative;}
#con1 .bx7 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-num{font-size: 7vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: 900; color: #F2F2F2; text-align: center;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-ttl1{font-size: 6.4vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: bold; text-align: center; color: #C41729; margin-bottom: 1vw;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-ttl2{font-size: 4vw; letter-spacing: 0.2vw; line-height: 0.8; font-weight: bold; margin-bottom: 15.5vw; text-align: center; position: relative;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/menu/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -11vw;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-img1{width: 92%; margin: 0 auto 4vw;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; }



/* works */

#works {}
#works .bx{width: 100%; margin: 0 auto 6vw; padding: 10vw 0 10vw;}
#works .bx .ttl1{font-size: 6.8vw; letter-spacing: 0.6vw; line-height: 1.4; font-weight: bold; text-align: left; margin-bottom: 3vw; padding-left: 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: left; color: #1A1A1A; margin-bottom: 8vw; padding-left: 4vw;}

#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 */



#con2 {}
#con2 .bx{width: 92%; margin: 0 auto; }
#con2 .bx .inner{width: 100%; margin: 0 auto 10vw; padding: 6vw 0 13vw;}
#con2 .bx .inner .ttl{font-size: 5.4vw; letter-spacing: 0.8vw; line-height: 1.8; font-weight: 800; text-align: center; margin-bottom: 8vw;}
#con2 .bx .inner .img{width: 100%; margin: 0 auto 6vw;}
#con2 .bx .inner .txt{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; padding: 0 4vw;}


}





@media screen and (min-width:768px) and ( max-width:1450px) {
#con1 .bx1{width: 100%; margin: 0 auto 75px; background: linear-gradient(to right, #ffffff 98%, transparent 98%); padding: 110px 0 88px;}
#con1 .bx2{width: 100%; margin: 0 auto 80px; background: linear-gradient(to left, #DFE2E5 98%, transparent 98%); padding: 110px 0 120px;}
#con1 .bx3{width: 100%; margin: 0 auto 80px; background: linear-gradient(to right, #ffffff 98%, transparent 98%); padding: 110px 0 150px;}
#con1 .bx4{width: 100%; margin: 0 auto 80px; background: linear-gradient(to left, #DFE2E5 98%, transparent 98%); padding: 110px 0 120px;}
#con1 .bx5{width: 100%; margin: 0 auto 80px; background: linear-gradient(to right, #ffffff 98%, transparent 98%); padding: 110px 0 115px;}
#con1 .bx6{width: 100%; margin: 0 auto 80px; background: linear-gradient(to left, #DFE2E5 98%, transparent 98%); padding: 110px 0 155px;}
#con1 .bx7{width: 100%; margin: 0 auto; background: linear-gradient(to right, #ffffff 98%, transparent 98%); padding: 110px 0 115px;}
#con1 .bx7 .inner1 .in-bx .in-inner .in-num{right: -50px;}

}