@charset "UTF-8";
@media screen and (min-width:768px),print{/* 3枚表示のbxslider
-------------------------------------*/
header{display:none;}
#main-sra{width:100%;margin:0 auto;height:980px;overflow:hidden;}
#main-sra .sra-main-bx{width:100%;margin:0 auto;position:relative;}
#main-sra .sra-main-bx .sra-main-inner{width:766px;margin:0 auto;background:#fff;padding:46px 0;text-align:center;}
#main-sra .sra-main-bx .sra-main-inner .sra-logo{margin-bottom:47px}
#main-sra .sra-main-bx .sra-main-inner .sra-main-ttl{margin-left:21px;margin-bottom:55px;}
#main-sra .sra-main-bx .sra-main-inner .sra-main-txt{font-size:1.45vw;font-weight:900;letter-spacing:0.08vw;line-height:1.45;margin-bottom:5.15vw;font-feature-settings:"palt";letter-spacing:4px;}
#main-sra .sra-main-bx .sra-main-inner .sra-main-txt .span1{font-size:2.82vw;letter-spacing:0.12vw;}
#main-sra .sra-main-bx .sra-main-inner .sra-main-txt .span2{font-size:1.7vw;}
#main-sra .sra-main-bx .sra-main-inner .sra-main-txt1{font-size:1.07vw;font-weight:bold;letter-spacing:0.08vw;line-height:1.75}
#main-sra .sra-main-bx .sra-main-inner .sra-main-txt1 span{font-size:1.62vw;}
.fuwafuwa{animation:fuwafuwa 1.8s infinite ease-in-out 0s alternate;display:inline-block;transition:0s ease-in-out;width:380px;height:360px;}
@keyframes fuwafuwa{
0%{transform:translate(0, 0) rotate(-1deg);}
50%{transform:translate(0, -2px) rotate(0deg);}
100%{transform:translate(0, 0) rotate(1deg);}
}
/* top-sra-bigimg -------------------------------------*/
.top-sra-bigimg1{position:absolute;left:0;top:0}
.top-sra-bigimg2{position:absolute;right:-20%;top:0}
.loop1{width:49.8%;height:3992px;/*画像の高さ等*/background:url(../images/index/top-sra-bigimg1.jpg) repeat-y;background-position:center;background-size:60%;animation:bgloop1 30s linear infinite;/*秒数等はお好きな数値に、infiniteは残す*/}
.loop2{width:49.8%;height:3992px;/*画像の高さ等*/background:url(../images/index/top-sra-bigimg2.jpg) repeat-y;background-position:center;background-size:60%;animation:bgloop2 30s linear infinite;/*秒数等はお好きな数値に、infiniteは残す*/}
@keyframes bgloop1{
from{background-position:0 0;}
to{background-position:0 -1000px;/*-1000px部分は画像の横幅と同じ数値*/}
}
@keyframes bgloop2{
from{background-position:0 0;}
to{background-position:0 1000px;/*-1000px部分は画像の横幅と同じ数値*/}
}
.slider-3mai-Box{overflow:hidden;position:relative;width:100%;}
.slider-3mai-Box .slider-3mai{position:relative;left:50%;width:3020px;margin-left:-1510px;}
.slider-3mai-Box .slider-3mai li{width:1000px !important;}
.slider-3mai-Box .bx-wrapper .bx-controls-direction a{position:absolute;top:40%;outline:0;width:50px;height:100px;text-indent:-9999px;z-index:9999;}
.slider-3mai-Box .bx-wrapper .bx-prev{left:950px;background-image:url(../images/index/bx-l.jpg);background-position:0 0;}
.slider-3mai-Box .bx-wrapper .bx-next{right:950px;background-image:url(../images/index/bx-r.jpg);background-position:0 0;}
.side-fix{display:none;}
/* top-mission -------------------------------------*/
#top-mission{}
#top-mission .bx{background:#1A1A1A;padding:28px 0;}
#top-mission .bx .list{width:1200px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#top-mission .bx .list li{padding:0 22px}
/* top-modelhouse -------------------------------------*/
#top-modelhouse{padding:100px 0 50px;}
#top-modelhouse .img{text-align:center;}
/* top-concept -------------------------------------*/
#top-concept{}
#top-concept .bx{background:url(../images/index/concept-bg.png) no-repeat top center;padding:25px 0 30px;height:540px;}
#top-concept .bx .inner{width:100%;max-width:1200px;margin:0 auto;}
#top-concept .bx .inner .in-inner{width:580px;margin-left:auto;margin-right:100px;padding:20px 30px}
#top-concept .bx .inner .in-inner .ttl{margin-bottom:28px;line-height:1.55}
#top-concept .bx .inner .in-inner .ttl .span1{font-size:26px;font-weight:600;color:#A27F2B;letter-spacing:2.5px;}
#top-concept .bx .inner .in-inner .ttl .span2{font-size:36px;font-weight:bold;color:#fff;letter-spacing:1.8px}
#top-concept .bx .inner .in-inner .txt{font-size:16px;color:#fff;letter-spacing:0.8px;margin-bottom:80px;margin-right:40px;line-height:1.9}
#top-concept .bx .inner .in-inner .btn{text-align:left;}
/* case -------------------------------------*/
#case{width:100%;margin:0 auto;padding:95px 0 110px;}
#case .inner-Box{width:1200px;margin:0 auto;}
#case .ttl{text-align:center;font-size:16px;letter-spacing:1px;font-weight:bold;margin-bottom:35px;line-height:0.9}
#case .ttl span{text-align:center;font-size:120px;font-weight:600;letter-spacing:22px;margin-right:-10px}
#case .btn{text-align:center;}
#case .system-list{margin-bottom:30px;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 .system-list li{width:30%;margin-right:5%;background:#fff;position:relative;margin-bottom:3.5%;}
#case .system-list li:nth-child(3n){margin-right:0;}
#case .system-list li:nth-child(n+4){margin-bottom:0}
#case .system-list li a:hover{text-decoration:none;}
#case .system-pic{width:100%;height:240px;overflow:hidden;text-align:center;margin-bottom:10px}
#case .system-pic img{width:100%;height:240px;}
#case .system-date{font-size:12px;margin-bottom:10px;line-height:1.4;letter-spacing:1px}
#case .system-ttl-01{font-size:14px;margin-bottom:20px;line-height:1.4;letter-spacing:0.5px}
#case .system-category-set{margin-bottom:15px;}
#case .system-category{margin-bottom:1px;font-size:12px;font-weight:bold;color:#fff;text-align:center;padding:8px;background-color:#ccc;}
#case .icon01{background:#000;}
#case .icon02{background:#111;}
#case .icon03{background:#222;}
#case .icon04{background:#333;}
#case .icon05{background:#444;}
#case .icon06{background:#555;}
#case .system-icon02{padding:5px 10px;background:#ccc;position:absolute;top:35px;left:0;}
/*============================
#case_reform
============================*/
#case_reform{width:1280px;margin:0 auto;margin-bottom:120px;}
#case_reform .inner-Box.f-noto .ttl{text-align:center;color:#1a1a1a;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-style:normal;font-size:40px;font-weight:500;letter-spacing:2px;line-height:89px;margin-bottom:34px;}
#case_reform .inner-Box.f-noto .ttl span{display:block;}
#case_reform .inner-Box.f-noto .bg-h-box{background:linear-gradient(180deg, #fff 0%, #fff 50%, #e8e8e8 50%, #e8e8e8 100%);margin-bottom:55px;padding-bottom:41px;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list{width:1200px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list li{width:285px;margin-right:20px;background-color:#ffffff;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list li:nth-child(4n){margin-right:0px;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list   .system-pic{width:285px;height:199px;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list   .system-pic img{width:285px;height:199px;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list .system-date{color:#1a1a1a;margin-bottom:5px;font-size:12px;font-weight:400;letter-spacing:1.2px;line-height:normal;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list .system-ttl-01{color:#1a1a1a;font-size:14px;font-weight:400;letter-spacing:0.7px;line-height:26px;}
#case_reform .inner-Box.f-noto .btn{width:400px;margin:0 auto;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list .sy-w-box{padding:15px 15px 20px;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-style:normal;}
/* top-renove -------------------------------------*/
#top-renove{}
#top-renove .bx{background:url(../images/index/renove-bg.png) no-repeat top center;padding:55px 0 30px;}
#top-renove .bx .inner{width:1280px;margin:0 auto 53px;text-align:center;}
#top-renove .bx .inner .ttl{color:#1A1A1A;text-align:center;line-height:1.35;position:relative;margin-bottom:22px;}
#top-renove .bx .inner .ttl .span1{font-size:20px;font-weight:600;letter-spacing:2px;}
#top-renove .bx .inner .ttl .span2{font-size:32px;font-weight:bold;letter-spacing:1.8px;}
#top-renove .bx .inner .ttl .span-icon1{font-size:30px;font-weight:bold;color:#A27F2B;position:relative;top:0;left:-7px}
#top-renove .bx .inner .ttl .span-icon2{font-size:30px;font-weight:bold;color:#A27F2B;position:relative;top:25px;left:5px}
#top-renove .bx .inner .txt{font-size:14px;font-weight:bold;letter-spacing:0.8px;margin-bottom:65px;}
#top-renove .bx .inner .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;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#top-renove .bx .inner .list li{width:300px;height:448px;margin-right:20px;padding:18px 18px;background:#fff;border:#D6C29E solid 1px;position:relative;}
#top-renove .bx .inner .list li:last-child{margin-right:0}
#top-renove .bx .inner .list li .in-icon{position:relative;top:-35px;margin-bottom:-20px}
#top-renove .bx .inner .list li .in-ttl{font-size:19px;font-weight:bold;letter-spacing:1.5px;line-height:1.5;margin-bottom:13px;}
#top-renove .bx .inner .list li:nth-child(2) .in-ttl{font-size:19px;font-weight:bold;letter-spacing:1.5px;line-height:1.5;margin-bottom:13px;margin-left:10px}
#top-renove .bx .inner .list li .in-ttl .in-span{font-size:27px;}
#top-renove .bx .inner .list li .in-img{margin-bottom:17px;}
#top-renove .bx .inner .list li .in-txt{font-size:14px;letter-spacing:0.7px;line-height:1.9;text-align:left;margin-bottom:13px;}
#top-renove .bx .inner .list li .in-btn{position:absolute;left:-1px;bottom:0}
/* top-idea -------------------------------------*/
#top-idea{}
#top-idea .bx{background:url(../images/index/idea-bg.png) repeat;padding:38px 0 30px;}
#top-idea .bx .list{width:1200px;margin:0 auto;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;}
#top-idea .bx .list li{width:270px;text-align:center;color:#fff;padding:15px;}
#top-idea .bx .list li:first-child{width:240px;padding:30px 0px}
#top-idea .bx .list li:nth-child(3){padding:15px 20px 15px 10px}
#top-idea .bx .list li:nth-child(4){padding:15px 20px 15px 8px}
#top-idea .bx .list li .ttl{font-size:28px;font-weight:bold;margin-bottom:14px;line-height:1.5;letter-spacing:1px;}
#top-idea .bx .list li .txt{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:1.3px;}
/* reform-bnr -------------------------------------*/
.reform-bnr{width:1000px;margin:100px auto 80px;text-align:center;}
.reform-bnr .img{margin-bottom:10px;}
.reform-bnr .txt{text-align:left;font-size:14px;letter-spacing:1px;}
/* koukin-bnr -------------------------------------*/
.koukin-bnr{width:1000px;margin:50px auto -50px;text-align:center;}
.koukin-bnr .img{margin-bottom:10px;}
.koukin-bnr .txt{text-align:left;font-size:14px;letter-spacing:1px;}
/* interview -------------------------------------*/
#interview{width:100%;margin:0 auto;padding:130px 0 35px;}
#interview .ttl{text-align:left;font-size:42px;font-weight:600;letter-spacing:4px;margin-bottom:5px;position:relative;}
#interview .ttl span{font-size:14px;letter-spacing:0.7px;font-weight:bold;position:absolute;left:247px;top:7px}
#interview .btn{position:absolute;right:0;top:20px}
#interview .inner-Box{width:1100px;margin:0 auto;position:relative;}
#interview .system-list{margin-bottom:20px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#interview .system-list li{width:29%;margin-right:6.5%;position:relative;margin-bottom:20px;}
#interview .system-list li:nth-child(3n){margin-right:0;}
#interview .system-list li:nth-child(n+4){display:none;}
#interview .system-list li a:hover{text-decoration:none;}
#interview .system-pic{width:100%;height:220px;overflow:hidden;text-align:center;}
#interview .system-pic img{width:100%;height:220px;}
#interview .system-customer{font-size:14px;margin-bottom:10px;line-height:1.4;color:#A27F2B;background:#E8E8E8;padding:8px;}
#interview .system-ttl-01{font-size:16px;letter-spacing:0.8px;margin-bottom:10px;line-height:1.6;}
#interview .system-category{margin-bottom:10px;font-size:12px;font-weight:bold;color:#fff;text-align:center;padding:3px;background-color:rgba(35, 24, 21, 0.7);}
/* top-about -------------------------------------*/
#top-about{}
#top-about .bx{width:1280px;margin:0 auto 30px;}
#top-about .bx .ttl{font-size:28px;font-weight:bold;letter-spacing:1.5px;text-align:center;margin-bottom:35px;background:url(../images/index/about-ttl-icon.svg) no-repeat top center;padding-top:30px;line-height:1.4}
#top-about .bx .ttl span{font-size:20px;font-weight:600;letter-spacing:2px;}
#top-about .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;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#top-about .bx .list li{width:300px;margin-right:26.5px;}
#top-about .bx .list li:last-child{margin-right:0}
#top-about .bx .list li .img{margin-bottom:6px;}
#top-about .bx .list li .txt{font-size:16px;letter-spacing:0.8px;text-align:left;}
/* estate -------------------------------------*/
#estate{width:100%;margin:0 auto;padding:75px 0 115px;}
#estate .ttl{text-align:center;font-size:32px;font-weight:bold;letter-spacing:1.5px;line-height:1;margin-top:10px;margin-bottom:5px;margin-left:5px;position:relative;}
#estate .ttl .span1{font-size:16px;letter-spacing:0.8px;}
#estate .ttl .span2{font-size:13px;letter-spacing:1.3px;font-weight:600;color:#A27F2B;position:relative;top:-5px}
#estate .main-icon{text-align:center;position:relative;top:3px;left:3px}
#estate .btn{position:absolute;left:163px;top:305px}
#estate .inner-Box{width:1280px;margin:0 auto;position:relative;padding:60px 50px 25px;background:url(../images/index/estate-bg.png) repeat;}
#estate .system-list{margin-bottom:20px;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;}
#estate .system-list li{width:30.8%;margin-right:5%;position:relative;}
#estate .system-list li:first-child{width:29%;margin-right:3%;}
#estate .system-list li:nth-child(3n){margin-right:0;}
#estate .system-list li a:hover{text-decoration:none;}
#estate .system-pic{width:100%;height:220px;overflow:hidden;text-align:center;}
#estate .system-pic img{max-width:100%;width:auto;height:auto;}
#estate .sys-bx{padding:0px 0px 0 20px;}
#estate .system-customer{font-size:13px;letter-spacing:0.8px;margin-bottom:10px;line-height:1.6;color:#A27F2B;padding:10px 0 4px;border-bottom:dotted 1px;}
#estate .system-ttl-01{font-size:16px;margin-bottom:10px;letter-spacing:0.8px;line-height:1.4;padding:3px 0px;}
#estate .system-category{margin-bottom:10px;font-size:12px;font-weight:bold;color:#fff;text-align:center;padding:3px;background-color:rgba(35, 24, 21, 0.7);}
#blog-news{min-height:550px;width:1200px;margin:0 auto;padding:1px 30px 50px;position:relative;}
/* information -------------------------------------*/
#information{width:380px;float:left;margin-right:45px;}
#information .ttl{text-align:left;font-size:28px;font-weight:600;letter-spacing:2.7px;margin-bottom:32px;border-bottom:2px solid #000}
#information .btn{position:absolute;right:0;top:5px}
#information .inner-Box{position:relative;}
#information .system-list{margin-bottom:50px;}
#information .system-list li{width:100%;overflow:hidden;background:#fff;position:relative;margin-bottom:18px;padding-bottom:18px;}
#information .system-list li:nth-child(n+4){display:none;}
#information .system-list li a:hover{text-decoration:none;}
#information .system-pic{width:37%;margin-right:7%;height:auto;overflow:hidden;text-align:center;float:left;}
#information .system-pic img{max-width:100%;width:100%;height:auto;}
#information .system-date{font-size:13px;margin-bottom:10px;padding-bottom:10px;letter-spacing:1.3px;position:relative;}
#information .system-date:after{content:"";width:40px;height:1px;border-bottom:1px solid #000;position:absolute;left:170px;top:30px}
#information .system-ttl{width:56%;font-size:16px;line-height:1.4;float:right;}
#information .system-category{font-size:10px;color:#fff;text-align:center;padding:3px;background-color:#111;width:30%;margin-bottom:10px;}
#information .icon01{background:#111;}
#information .icon02{background:#222;}
#information .icon03{background:#333;}
#information .icon04{background:#444;}
#information .icon05{background:#555;}
#information .icon06{background:#666;}
#information .system-icon02{padding:5px 10px;background:#ccc;position:absolute;top:35px;left:0;}
/* blog -------------------------------------*/
#blog{width:380px;float:left;}
#blog .ttl{text-align:left;font-size:28px;font-weight:600;letter-spacing:3px;margin-bottom:30px;border-bottom:2px solid #000}
#blog .btn{position:absolute;right:0;top:5px}
#blog .inner-Box{position:relative;}
#blog .system-list{margin-bottom:50px;}
#blog .system-list li{width:100%;overflow:hidden;background:#fff;padding:0 8px;position:relative;margin-bottom:45px;padding-bottom:18px;}
#blog .system-list li:nth-child(n+4){display:none;}
#blog .system-list li a:hover{text-decoration:none;}
#blog .system-pic{width:37%;margin-right:7%;height:auto;overflow:hidden;text-align:center;float:left;}
#blog .system-pic img{max-width:100%;width:100%;height:auto;}
#blog .system-date{font-size:14px;color:#A27F2B;margin-bottom:10px;padding-bottom:10px;letter-spacing:1.3px;position:relative;}
#blog .system-date:after{content:"";width:40px;height:1px;border-bottom:1px solid #A27F2B;position:absolute;left:1px;top:34px}
#blog .system-ttl{width:100%;font-size:16px;line-height:1.4;float:right;}
#blog .system-category{font-size:10px;color:#fff;text-align:center;padding:3px;background-color:#111;width:30%;margin-bottom:10px;}
#blog .blog-icon01{background:#111;}
#blog .blog-icon02{background:#222;}
#blog .blog-icon03{background:#333;}
#blog .blog-icon04{background:#444;}
#blog .blog-icon05{background:#555;}
#blog .blog-icon06{background:#666;}
#blog .system-icon02{padding:5px 10px;background:#ccc;position:absolute;top:35px;left:0;}
#blog-news .insta-banner{position:absolute;right:30px;top:55px}
#blog-news .youtube-banner{position:absolute;right:30px;top:170px}
#blog-news .staff-banner{position:absolute;right:30px;top:285px}
#blog-news .company-banner{position:absolute;right:30px;top:410px}
#seo-bx{background:#000;padding:35px 0;}
#seo-bx .inner{width:1093px;margin:0 auto;}
#seo-bx .inner .txt{font-size:13px;line-height:1.85;letter-spacing:1.35px;color:#B1B1B1}
.slide-left{opacity:0;transform:translate(-20px, 0);transition:all 0.6s 0s ease-out;}
.slide-left:nth-child(2){opacity:0;transform:translate(-20px, 0);transition:all 0.6s 0.3s ease-out;}
.slide-left:nth-child(3){opacity:0;transform:translate(-20px, 0);transition:all 0.6s 0.6s ease-out;}
.slide-left:nth-child(4){opacity:0;transform:translate(-20px, 0);transition:all 0.6s 0.9s ease-out;}
.slide-bottom{opacity:0;transform:translate(0, 20px);transition:all 1.4s ease-out;}
.anime-text{anime-text-align:center;}
.anime-text-move{display:inline-block;opacity:0;;will-change:transform;}
.anime-text-move:nth-child(odd){transform:translate3d(30px,-40px,0) rotateY(45deg) skewX(-35deg);}
.anime-text-move:nth-child(even){transform:translate3d(-30px,40px,0) rotateY(45deg) skewX(-35deg);}
.anime-text.active .anime-text-move:nth-child(1){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.07s cubic-bezier(.08,.92,.35,1),opacity 1s 1.17s;}
.anime-text.active .anime-text-move:nth-child(2){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.14s cubic-bezier(.08,.92,.35,1),opacity 1s 1.24s;}
.anime-text.active .anime-text-move:nth-child(3){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.21s cubic-bezier(.08,.92,.35,1),opacity 1s 1.31s;}
.anime-text.active .anime-text-move:nth-child(4){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.28s cubic-bezier(.08,.92,.35,1),opacity 1s 1.38s;}
.anime-text.active .anime-text-move:nth-child(5){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.35s cubic-bezier(.08,.92,.35,1),opacity 1s 1.45s;}
.anime-text.active .anime-text-move:nth-child(6){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.42s cubic-bezier(.08,.92,.35,1),opacity 1s 1.52s;}
.anime-text.active .anime-text-move:nth-child(7){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.49s cubic-bezier(.08,.92,.35,1),opacity 1s 1.59s;}
.anime-text.active .anime-text-move:nth-child(8){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.56s cubic-bezier(.08,.92,.35,1),opacity 1s 1.66s;}
.anime-text.active .anime-text-move:nth-child(9){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.63s cubic-bezier(.08,.92,.35,1),opacity 1s 1.73s;}
.anime-text.active .anime-text-move:nth-child(10){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.7s cubic-bezier(.08,.92,.35,1),opacity 1s 1.8s;}
.anime-text.active .anime-text-move:nth-child(11){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.76s cubic-bezier(.08,.92,.35,1),opacity 1s 1.87s;}
.anime-text.active .anime-text-move:nth-child(12){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.82s cubic-bezier(.08,.92,.35,1),opacity 1s 1.96s;}
.anime-text.active .anime-text-move:nth-child(13){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.88s cubic-bezier(.08,.92,.35,1),opacity 1s 2.03s;}
.anime-text.active .anime-text-move:nth-child(14){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.96s cubic-bezier(.08,.92,.35,1),opacity 1s 2.09s;}
.anime-text.active .anime-text-move:nth-child(15){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.2s cubic-bezier(.08,.92,.35,1),opacity 1s 2.15s;}
.anime-text.active .anime-text-move:nth-child(15){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.26s cubic-bezier(.08,.92,.35,1),opacity 1s 2.21s;}
.anime-text.active .anime-text-move:nth-child(16){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.32s cubic-bezier(.08,.92,.35,1),opacity 1s 2.27s;}
.anime-text.active .anime-text-move:nth-child(17){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.38s cubic-bezier(.08,.92,.35,1),opacity 1s 2.33s;}
.anime-text.active .anime-text-move:nth-child(18){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.42s cubic-bezier(.08,.92,.35,1),opacity 1s 2.39s;}
.anime-text.active .anime-text-move:nth-child(19){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.48s cubic-bezier(.08,.92,.35,1),opacity 1s 2.45s;}
.anime-text.active .anime-text-move:nth-child(20){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.54s cubic-bezier(.08,.92,.35,1),opacity 1s 2.51s;}
.anime-text.active .anime-text-move:nth-child(21){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.6s cubic-bezier(.08,.92,.35,1),opacity 1s 2.57s;}
.anime-text.active .anime-text-move:nth-child(22){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.66s cubic-bezier(.08,.92,.35,1),opacity 1s 2.63s;}
.anime-text.active .anime-text-move:nth-child(23){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.72s cubic-bezier(.08,.92,.35,1),opacity 1s 2.69s;}
.anime-text.active .anime-text-move:nth-child(24){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.78s cubic-bezier(.08,.92,.35,1),opacity 1s 2.75s;}
.anime-text.active .anime-text-move{opacity:1;transform:translate(0);}
/* title-2021 -------------------------------------*/
.title-2021{width:1000px;margin:50px auto 50px;text-align:center;}
.title-2021 .img{margin-bottom:20px;}
.title-2021 .txt{text-align:centaer;font-size:24px;font-weight:bold;letter-spacing:3px;line-height:1.4;}
}
@media screen and (max-width:767px){
#main-sra{width:100%;margin:0 auto;overflow:hidden;padding:0 0 45vw}
#main-sra .sra-main-bx{width:100%;margin:0 auto;position:relative;}
#main-sra .sra-main-bx .sra-main-inner{width:75vw;margin:0 auto;background:#fff;padding:3vw 0 5vw;text-align:center;position:relative;top:25vw;z-index:1}
#main-sra .sra-main-bx .sra-main-inner .sra-logo{}
#main-sra .sra-main-bx .sra-main-inner .sra-main-ttl{width:40vw;margin:0 auto 3vw;}
#main-sra .sra-main-bx .sra-main-inner .sra-main-txt{font-size:4vw;font-weight:900;letter-spacing:0.2vw;line-height:1.4;margin-bottom:8vw;font-feature-settings:"palt";letter-spacing:2px;}
#main-sra .sra-main-bx .sra-main-inner .sra-main-txt .span1{font-size:6.6vw;letter-spacing:0.2vw;line-height:1.4;position:relative;top:2vw}
#main-sra .sra-main-bx .sra-main-inner .sra-main-txt .span2{font-size:4vw;position:relative;top:2vw}
#main-sra .sra-main-bx .sra-main-inner .sra-main-txt1{font-size:3.4vw;font-weight:bold;letter-spacing:0.1vw;line-height:1.6}
#main-sra .sra-main-bx .sra-main-inner .sra-main-txt1 span{font-size:3.8vw;}
.fuwafuwa{animation:fuwafuwa 1.5s infinite ease-in-out 0s alternate;display:inline-block;transition:0s ease-in-out;width:38vw;height:38vw;}
@keyframes fuwafuwa{
0%{transform:translate(0, 0) rotate(-1deg);}
50%{transform:translate(0, -0.5vw) rotate(0deg);}
100%{transform:translate(0, 0) rotate(1deg);}
}
/* top-sra-bigimg -------------------------------------*/
.top-sra-bigimg1{position:absolute;left:0;top:0}
.top-sra-bigimg2{position:absolute;right:-0;top:0}
.loop1{width:49.8%;height:200vw;/*画像の高さ等*/background:url(../images/index/top-sra-bigimg1-sp.jpg) repeat-y;background-position:center;background-size:100%;animation:bgloop1 35s linear infinite;/*秒数等はお好きな数値に、infiniteは残す*/}
.loop2{width:49.8%;height:200vw;/*画像の高さ等*/background:url(../images/index/top-sra-bigimg2-sp.jpg) repeat-y;background-position:center;background-size:100%;animation:bgloop2 35s linear infinite;/*秒数等はお好きな数値に、infiniteは残す*/}
@keyframes bgloop1{
from{background-position:0 0;}
to{background-position:0 -1000px;/*-1000px部分は画像の横幅と同じ数値*/}
}

@keyframes bgloop2{
from{background-position:0 0;}
to{background-position:0 1000px;/*-1000px部分は画像の横幅と同じ数値*/}
}
/* top-mission -------------------------------------*/
#top-mission{}
#top-mission .bx{background:#1A1A1A;padding:8vw 0;}
#top-mission .bx .list{width:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
	#top-mission .bx .list li{width:45%;margin-bottom: 5vw;}
	#top-mission .bx .list li img{width: 100%;height: auto;}
	
	
/* top-modelhouse -------------------------------------*/
#top-modelhouse{width:90vw;margin:0 auto;padding:10vw 0 8vw;}
#top-modelhouse .img{text-align:center;}
/* top-concept -------------------------------------*/
#top-concept{}
#top-concept .bx{background:url(../images/index/sp-concept-bg.png) no-repeat top center;padding:60vw 0 10vw;background-size:100%}
#top-concept .bx .inner{width:100vw;margin:0 auto;}
#top-concept .bx .inner .in-inner{padding:5vw}
#top-concept .bx .inner .in-inner .ttl{width:80vw;margin-bottom:8vw;line-height:1.55}
#top-concept .bx .inner .in-inner .ttl .span1{font-size:8vw;font-weight:600;color:#A27F2B;letter-spacing:1vw;}
#top-concept .bx .inner .in-inner .ttl .span2{font-size:5.6vw;font-weight:bold;color:#fff;letter-spacing:0.5vw;}
#top-concept .bx .inner .in-inner .txt{font-size:3.4vw;color:#fff;letter-spacing:0.3vw;margin-bottom:25vw;line-height:1.9}
#top-concept .bx .inner .in-inner .btn{width:45vw;}
/* case -------------------------------------*/
#case{width:100vw;margin:0 auto;padding:10vw 0 0vw;}
#case .ttl{text-align:center;font-size:3.4vw;letter-spacing:0.2vw;font-weight:bold;margin-bottom:8vw;line-height:1.1}
#case .ttl span{text-align:center;font-size:13vw;font-weight:600;letter-spacing:1.5vw;}
#case .btn{width:80vw;margin:0 auto;}
#case .inner-Box{width:100vw;margin:0 auto;}
#case .system-list{margin-bottom:3vw;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#case .system-list li{width:44vw;margin-right:4vw;background:#fff;position:relative;margin-bottom:4vw;line-height:1.4;}
#case .system-list li:nth-child(2n){margin-right:0;}
#case .system-list li:nth-child(n+7){display:none;}
#case .system-list li a:hover{text-decoration:none;}
#case .system-pic{width:100%;height:35vw;overflow:hidden;text-align:center;margin-bottom:2vw}
#case .system-pic img{width:100%;height:35vw;}
#case .system-date{font-size:3.2vw;margin-bottom:1vw;text-align:center;}
#case .system-ttl-01{font-size:3.4vw;margin-bottom:5vw;line-height:1.6;text-align:center;}
#case .system-category-set{margin-bottom:5%;}
#case .system-category{margin-bottom:0.1vw;font-size:3.2vw;font-weight:bold;color:#fff;text-align:center;padding:2vw;background-color:#ccc;}
#case .icon01{background:#000;}
#case .icon02{background:#111;}
#case .icon03{background:#222;}
#case .icon04{background:#333;}
#case .icon05{background:#444;}
#case .icon06{background:#555;}
#case .system-icon02{}
/*============================
#case_reform
============================*/
#case_reform{width:100%;margin:0 auto;margin-bottom:15.459vw;}
#case_reform .inner-Box.f-noto .ttl{text-align:center;color:#1a1a1a;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-style:normal;font-size:5.797vw;font-weight:500;letter-spacing:0.483vw;line-height:21.498vw;/* margin-bottom:8.213vw;*/}
#case_reform .inner-Box.f-noto .ttl span{width:30vw;margin:0 auto;display:block;margin-bottom:-4vw;}
#case_reform .inner-Box.f-noto .bg-h-box{background:linear-gradient(180deg, #fff 0%, #fff 17vw, #e8e8e8 17vw, #e8e8e8 100%);margin-bottom:9.662vw;padding-bottom:1.449vw;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list{width:92vw;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list li{width:43.478vw;margin-right:4.831vw;margin-bottom:4.831vw;background-color:#ffffff;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list li:nth-child(2n){margin-right:0px;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list   .system-pic{width:100%;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list   .system-pic img{width:100%;height:30.193vw;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list .system-date{color:#1a1a1a;font-size:3.14vw;font-weight:400;letter-spacing:0.157vw;line-height:normal;margin-bottom:0.845vw;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list .system-ttl-01{color:#1a1a1a;font-size:3.382vw;font-weight:400;letter-spacing:0.169vw;line-height:normal;}
#case_reform .inner-Box.f-noto .btn{width:80vw;margin:0 auto;}
#case_reform .inner-Box.f-noto .bg-h-box .system-list .sy-w-box{padding:1.932vw 1.932vw 3.865vw;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-style:normal;text-align:center;}
/* top-renove -------------------------------------*/
#top-renove{}
#top-renove .bx{background:url(../images/index/sp-renove-bg.png) no-repeat top center;padding:15vw 0 3vw;background-size:100%;border-bottom:#F3F3F3 solid 8vw}
#top-renove .bx .inner{width:100vw;margin:0 auto 8vw;text-align:center;}
#top-renove .bx .inner .ttl{color:#1A1A1A;text-align:center;line-height:1.6;position:relative;margin-bottom:5vw;}
#top-renove .bx .inner .ttl .span1{font-size:6vw;font-weight:600;letter-spacing:0.4vw;}
#top-renove .bx .inner .ttl .span2{font-size:6.4vw;font-weight:bold;letter-spacing:0.2vw;}
#top-renove .bx .inner .ttl .span-icon1{font-size:5.4vw;font-weight:bold;color:#A27F2B;position:relative;top:0;left:-0.5vw}
#top-renove .bx .inner .ttl .span-icon2{font-size:5.4vw;font-weight:bold;color:#A27F2B;position:relative;top:5vw;left:0.5vw}
#top-renove .bx .inner .txt{font-size:3.4vw;font-weight:bold;letter-spacing:0.2vw;margin-bottom:10vw;text-align:left;padding:0 8vw;line-height:1.8}
#top-renove .bx .inner .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;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#top-renove .bx .inner .list li{width:90vw;margin:0 auto 10vw;padding:5vw 4.5vw;background:#fff;border:#D6C29E solid 1px;position:relative;}
#top-renove .bx .inner .list li:last-child{margin-bottom:0}
#top-renove .bx .inner .list li .in-icon{position:relative;top:-8vw;margin-bottom:-5vw}
#top-renove .bx .inner .list li .in-ttl{font-size:5vw;font-weight:bold;letter-spacing:0.2vw;line-height:1.5;margin-bottom:4vw;}
#top-renove .bx .inner .list li .in-ttl .in-span{font-size:6.2vw;}
#top-renove .bx .inner .list li .in-img{margin-bottom:3vw;}
#top-renove .bx .inner .list li .in-txt{font-size:3.4vw;letter-spacing:0.1vw;line-height:1.8;text-align:left;margin-bottom:11vw;}
#top-renove .bx .inner .list li .in-btn{width:100%;position:absolute;left:0;bottom:0}
#top-renove .bx .inner .list li .in-btn img{width:100%}
/* top-idea -------------------------------------*/
#top-idea{}
#top-idea .bx{background:url(../images/index/idea-bg.png) repeat;padding:10vw 0 8vw;}
#top-idea .bx .list{width:100vw;margin:0 auto;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;}
#top-idea .bx .list li{width:85vw;margin:0 auto 5vw;text-align:center;color:#fff;}
#top-idea .bx .list li:last-child{width:80vw;margin:0 auto 5vw;text-align:center;color:#fff;}
#top-idea .bx .list li .ttl{font-size:6vw;font-weight:bold;margin-bottom:3vw;line-height:1.5;letter-spacing:0.3vw;}
#top-idea .bx .list li .txt{font-size:3.4vw;font-weight:600;line-height:1.4;letter-spacing:0.3vw;margin-bottom:3vw}
/* reform-bnr -------------------------------------*/
.reform-bnr{width:90vw;margin:10vw auto 8vw;text-align:center;}
.reform-bnr .img{margin-bottom:2vw;}
.reform-bnr .txt{text-align:left;font-size:3.4vw;letter-spacing:0.2vw;}
/* koukin-bnr -------------------------------------*/
.koukin-bnr{width:90vw;margin:0 auto -3vw;text-align:center;}
.koukin-bnr .img{margin-bottom:2vw;}
.koukin-bnr .txt{text-align:left;font-size:3.4vw;letter-spacing:0.2vw;}
/* interview -------------------------------------*/
#interview{width:95vw;margin:0 auto;padding:15vw 0;}
#interview .ttl{text-align:left;font-size:9vw;font-weight:600;letter-spacing:0.8vw;margin-bottom:10vw;position:relative;line-height:0.7;padding:0 2vw}
#interview .ttl span{font-size:3.4vw;letter-spacing:0.2vw;font-weight:bold;position:relative;top:3vw}
#interview .btn{width:80vw;margin:0 auto;}
#interview .inner-Box{width:95vw;margin:0 auto;position:relative;}
#interview .system-list{margin-bottom:10%;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#interview .system-list li{width:43.8vw;margin-right:2vw;margin-left:2vw;background:#fff;position:relative;margin-bottom:5vw;line-height:1.4;}
#interview .system-list li:nth-child(2n){margin-right:0;}
#interview .system-list li:nth-child(n+5){display:none;}
#interview .system-list li:nth-child(n+3){margin-bottom:0}
#interview .system-list li a:hover{text-decoration:none;}
#interview .system-pic{width:100%;height:30vw;overflow:hidden;text-align:center;}
#interview .system-pic img{width:100%;height:30vw;}
#interview .system-customer{font-size:3.4vw;margin-bottom:2vw;line-height:1.6;color:#A27F2B;background:#E8E8E8;padding:1vw}
#interview .system-ttl-01{font-size:3.8vw;margin-bottom:5%;line-height:1.6}
#interview .system-category{}
/* top-about -------------------------------------*/
#top-about{}
#top-about .bx{width:100vw;margin:0 auto 30px;}
#top-about .bx .ttl{font-size:6.4vw;font-weight:bold;letter-spacing:0.5vw;text-align:center;margin-bottom:8vw;background:url(../images/index/about-ttl-icon.svg) no-repeat top center;padding-top:8vw;line-height:1.2;background-size:5vw}
#top-about .bx .ttl span{font-size:4.8vw;font-weight:600;letter-spacing:0.4vw;}
#top-about .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;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#top-about .bx .list li{width:80vw;margin:0 auto 5vw;}
#top-about .bx .list li .img{margin-bottom:2vw;}
#top-about .bx .list li .txt{font-size:3.4vw;letter-spacing:0.2vw;text-align:left;}
/* estate -------------------------------------*/
#estate{width:100vw;margin:0 auto;padding:5vw 0 15vw;}
#estate .ttl{text-align:center;font-size:7vw;font-weight:bold;letter-spacing:0.5vw;line-height:1;margin-bottom:10vw;position:relative;}
#estate .ttl .span1{font-size:3.8vw;letter-spacing:0.2vw;}
#estate .ttl .span2{font-size:3vw;letter-spacing:0.3vw;font-weight:600;color:#A27F2B;position:relative;top:11vw}
#estate .main-icon{text-align:center;position:relative;top:-14vw;width:10vw;margin:0 auto;}
#estate .btn{width:45vw;margin:0 auto;text-align:center;}
#estate .inner-Box{width:100vw;margin:0 auto;position:relative;padding:10vw 0 10vw;background:url(../images/index/estate-bg.png) repeat;}
#estate .system-list{margin-bottom: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;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#estate .system-list li{width:44vw;margin-right:4vw;position:relative;}
#estate .system-list li:first-child{width:29%;margin-right:3%;}
#estate .system-list li:nth-child(3n){margin-right:0;}
#estate .system-list li a:hover{text-decoration:none;}
#estate .system-pic{width:100%;height:30vw;overflow:hidden;text-align:center;}
#estate .system-pic img{width:100%;height:30vw;}
#estate .sys-bx{}
#estate .system-customer{font-size:3.4vw;letter-spacing:0.2vw;margin-bottom:1vw;line-height:1.6;color:#A27F2B;padding:1vw 0 1.5vw;border-bottom:dotted 1px;}
#estate .system-ttl-01{font-size:3.8vw;margin-bottom:5vw;letter-spacing:0.2vw;line-height:1.6;padding:1vw 0;}
#estate .system-category{margin-bottom:10px;font-size:12px;font-weight:bold;color:#fff;text-align:center;padding:3px;background-color:rgba(35, 24, 21, 0.7);}
#blog-news{width:100%;margin:0 auto;}
/* information -------------------------------------*/
#information{width:90vw;margin:0 auto;}
#information .ttl{text-align:left;font-size:7vw;font-weight:600;letter-spacing:0.6vw;margin-bottom:5vw;border-bottom:2px solid #000}
#information .btn{width:35vw;position:absolute;right:0;top:0}
#information .inner-Box{position:relative;}
#information .system-list{margin-bottom:10vw;}
#information .system-list li{width:100%;overflow:hidden;background:#fff;position:relative;margin-bottom:3vw;padding-bottom:3vw;}
#information .system-list li:nth-child(n+4){display:none;}
#information .system-list li a:hover{text-decoration:none;}
#information .system-pic{width:35%;margin-right:4vw;height:auto;overflow:hidden;text-align:center;float:left;}
#information .system-pic img{max-width:100%;width:100%;height:auto;}
#information .system-date{font-size:3.2vw;margin-bottom:2vw;padding-bottom:2vw;letter-spacing:0.2vw;position:relative;}
#information .system-date:after{content:"";width:10vw;height:0.1vw;border-bottom:1px solid #000;position:absolute;left:36vw;top:7vw}
#information .system-ttl{width:60%;font-size:3.8vw;line-height:1.4;float:right;}
#information .system-category{font-size:10px;color:#fff;text-align:center;padding:3px;background-color:#111;width:30%;margin-bottom:10px;}
#information .icon01{background:#111;}
#information .icon02{background:#222;}
#information .icon03{background:#333;}
#information .icon04{background:#444;}
#information .icon05{background:#555;}
#information .icon06{background:#666;}
#information .system-icon02{padding:5px 10px;background:#ccc;position:absolute;top:35px;left:0;}
/* blog -------------------------------------*/
#blog{width:90vw;margin:0 auto;}
#blog .ttl{text-align:left;font-size:7vw;font-weight:600;letter-spacing:0.6vw;margin-bottom:5vw;border-bottom:2px solid #000}
#blog .btn{width:35vw;position:absolute;right:0;top:0}
#blog .inner-Box{position:relative;}
#blog .system-list{margin-bottom:50px;}
#blog .system-list li{width:100%;overflow:hidden;background:#fff;position:relative;margin-bottom:3vw;padding-bottom:3vw;}
#blog .system-list li:nth-child(n+4){display:none;}
#blog .system-list li a:hover{text-decoration:none;}
#blog .system-pic{width:35%;margin-right:4vw;height:auto;overflow:hidden;text-align:center;float:left;}
#blog .system-pic img{max-width:100%;width:100%;height:auto;}
#blog .system-date{font-size:3.2vw;margin-bottom:2vw;padding-bottom:2vw;letter-spacing:0.2vw;position:relative;color:#A27F2B}
#blog .system-date:after{content:"";width:10vw;height:0.1vw;border-bottom:1px solid #A27F2B;position:absolute;left:0vw;top:7vw}
#blog .system-ttl{width:100%;font-size:4vw;line-height:1.6;float:right;}
#blog .system-category{font-size:10px;color:#fff;text-align:center;padding:3px;background-color:#111;width:30%;margin-bottom:10px;}
#blog .blog-icon01{background:#111;}
#blog .blog-icon02{background:#222;}
#blog .blog-icon03{background:#333;}
#blog .blog-icon04{background:#444;}
#blog .blog-icon05{background:#555;}
#blog .blog-icon06{background:#666;}
#blog .system-icon02{padding:5px 10px;background:#ccc;position:absolute;top:35px;left:0;}
#blog-news .insta-banner{width:80vw;margin:0 auto 8vw;}
#blog-news .youtube-banner{width:80vw;margin:0 auto 8vw;}
#blog-news .staff-banner{width:80vw;margin:0 auto 8vw;}
#blog-news .company-banner{width:80vw;margin:0 auto 10vw;}
#seo-bx{background:#000;padding:12vw 0;}
#seo-bx .inner{width:90vw;margin:0 auto;}
#seo-bx .inner .txt{font-size:3.3vw;line-height:1.8;letter-spacing:0.32vw;color:#B1B1B1}
.slide-left{opacity:0;transform:translate(-5vw, 0);transition:all 0.8s 0s ease-out;}
.slide-left:nth-child(2){opacity:0;transform:translate(-5vw, 0);transition:all 0.8s 0.3s ease-out;}
.slide-left:nth-child(3){opacity:0;transform:translate(-5vw, 0);transition:all 0.8s 0.6s ease-out;}
.slide-left:nth-child(4){opacity:0;transform:translate(-5vw, 0);transition:all 0.8s 0.9s ease-out;}
.slide-bottom{opacity:0;transform:translate(0, 10vw);transition:all 0.8s ease-out;}
.anime-text{anime-text-align:center;}
.anime-text-move{display:inline-block;opacity:0;;will-change:transform;}
.anime-text-move:nth-child(odd){transform:translate3d(3vw,-5vw,0) rotateY(45deg) skewX(-35deg);}
.anime-text-move:nth-child(even){transform:translate3d(-3vw,5vw,0) rotateY(45deg) skewX(-35deg);}
.anime-text.active .anime-text-move:nth-child(1){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.07s cubic-bezier(.08,.92,.35,1),opacity 1s 1.17s;}
.anime-text.active .anime-text-move:nth-child(2){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.14s cubic-bezier(.08,.92,.35,1),opacity 1s 1.24s;}
.anime-text.active .anime-text-move:nth-child(3){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.21s cubic-bezier(.08,.92,.35,1),opacity 1s 1.31s;}
.anime-text.active .anime-text-move:nth-child(4){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.28s cubic-bezier(.08,.92,.35,1),opacity 1s 1.38s;}
.anime-text.active .anime-text-move:nth-child(5){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.35s cubic-bezier(.08,.92,.35,1),opacity 1s 1.45s;}
.anime-text.active .anime-text-move:nth-child(6){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.42s cubic-bezier(.08,.92,.35,1),opacity 1s 1.52s;}
.anime-text.active .anime-text-move:nth-child(7){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.49s cubic-bezier(.08,.92,.35,1),opacity 1s 1.59s;}
.anime-text.active .anime-text-move:nth-child(8){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.56s cubic-bezier(.08,.92,.35,1),opacity 1s 1.66s;}
.anime-text.active .anime-text-move:nth-child(9){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.63s cubic-bezier(.08,.92,.35,1),opacity 1s 1.73s;}
.anime-text.active .anime-text-move:nth-child(10){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.7s cubic-bezier(.08,.92,.35,1),opacity 1s 1.8s;}
.anime-text.active .anime-text-move:nth-child(11){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.76s cubic-bezier(.08,.92,.35,1),opacity 1s 1.87s;}
.anime-text.active .anime-text-move:nth-child(12){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.82s cubic-bezier(.08,.92,.35,1),opacity 1s 1.96s;}
.anime-text.active .anime-text-move:nth-child(13){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.88s cubic-bezier(.08,.92,.35,1),opacity 1s 2.03s;}
.anime-text.active .anime-text-move:nth-child(14){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 1.96s cubic-bezier(.08,.92,.35,1),opacity 1s 2.09s;}
.anime-text.active .anime-text-move:nth-child(15){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.2s cubic-bezier(.08,.92,.35,1),opacity 1s 2.15s;}
.anime-text.active .anime-text-move:nth-child(15){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.26s cubic-bezier(.08,.92,.35,1),opacity 1s 2.21s;}
.anime-text.active .anime-text-move:nth-child(16){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.32s cubic-bezier(.08,.92,.35,1),opacity 1s 2.27s;}
.anime-text.active .anime-text-move:nth-child(17){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.38s cubic-bezier(.08,.92,.35,1),opacity 1s 2.33s;}
.anime-text.active .anime-text-move:nth-child(18){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.42s cubic-bezier(.08,.92,.35,1),opacity 1s 2.39s;}
.anime-text.active .anime-text-move:nth-child(19){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.48s cubic-bezier(.08,.92,.35,1),opacity 1s 2.45s;}
.anime-text.active .anime-text-move:nth-child(20){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.54s cubic-bezier(.08,.92,.35,1),opacity 1s 2.51s;}
.anime-text.active .anime-text-move:nth-child(21){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.6s cubic-bezier(.08,.92,.35,1),opacity 1s 2.57s;}
.anime-text.active .anime-text-move:nth-child(22){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.66s cubic-bezier(.08,.92,.35,1),opacity 1s 2.63s;}
.anime-text.active .anime-text-move:nth-child(23){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.72s cubic-bezier(.08,.92,.35,1),opacity 1s 2.69s;}
.anime-text.active .anime-text-move:nth-child(24){transform:translate3d(0,0,0) rotateY(0deg) skewX(0deg);transition:transform 1s 2.78s cubic-bezier(.08,.92,.35,1),opacity 1s 2.75s;}
.anime-text.active .anime-text-move{opacity:1;transform:translate(0);}
/* title-2021 -------------------------------------*/
.title-2021{width:90vw;margin:8vw auto 8vw;text-align:center;}
.title-2021 .img{margin-bottom:4vw;}
.title-2021 .txt{text-align:centaer;font-size:5.2vw;font-weight:bold;letter-spacing:0.4vw;line-height:1.4;}
}