@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
  -------------------------------------*/
#top-bx-sra{ margin-top: -120px; background: url(../images/index/main-bg01.jpg) no-repeat center bottom; background-size: 100% auto;}
#top-bx-sra .main-box{ width: 100%; max-width: 1920px; margin: 0 auto; height: 1425px; position: relative; }
#top-bx-sra .main-box .ttl{position: absolute;top: 252px;left: 0;z-index: 999;}
#top-bx-sra .main-box .txt{position: absolute;top: 538px;left: 20px;z-index: 999;}
#top-bx-sra .main-box .btn{position: absolute;top: 731px;right: 79px;z-index: 999;}
#top-bx-sra .main-box .sns-icon{ position: absolute; top: 980px; left: 39px; z-index: 100; overflow: hidden; width: 230px; }
#top-bx-sra .main-box .sns-icon .txt1{ float: left; }
#top-bx-sra .main-box .sns-icon .icon01{ float: right; }
#top-bx-sra .main-box .sns-icon .icon01 img{ width: 40px; }

.bx-wrapper .bx-pager{ transform:rotate(45deg); }

.gnavi-box{ max-width: 1920px; width: 100%; margin: 0 auto; position: relative; }
#g-nav li img{ vertical-align: top; }
  
.side-fix { display: none;}

#con01{width: 100%;max-width: 1920px;margin: -1px auto 91px;padding-bottom: 60px;background: url(../images/index/con01-bg01.jpg) no-repeat center top 0px;}
#con01 .inner-Box{width: 1200px;margin: 0 auto;position: relative;padding-top: 113px;}
#con01 .ttl{width: 660px;color: #fff;font-size: 42px;font-weight: 700;letter-spacing: 2px;line-height: 64px;position: absolute;top: -299px;z-index: 1000;}
#con01 .txt{width: 706px;color: #fff;font-size: 16px;font-weight: 700;line-height: 34px;letter-spacing: 0.8px;margin-bottom: 28px;z-index: 1000;position: absolute;top: -163px;}
/*コンセプト画像の動き　開始*/
#con01 .top-last-bigimg {width: 100%; margin: 0 auto;}
#con01 .loop {
width: 100%;
height: 340px; /*画像の高さ等*/
background: url(../images/index/top-last-bigimg1.jpg) repeat-x;
background-position: center;
animation: bgloop 27s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}
@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -2221px 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}
#con01 .top-last-bigimg1 {width: 100%; margin: 0 auto;}
#con01 .loop1 {
width: 100%;
height: 340px; /*画像の高さ等*/
background: url(../images/index/top-last-bigimg2.jpg) repeat-x;
background-position: center;
animation: bgloop1 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}
@keyframes bgloop1 {
from { background-position: 0 0; }
to { background-position: 2221px 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}
/*コンセプト画像の動き　終了*/
#con01 .txt-box{ position: relative; }
#con01 .txt-box .txt1{position: absolute;top: -9px;left: -17px;}
#con01 .txt-box .txt2{position: absolute;top: -5px;right: 0px;}
#con01 .txt-box .btn{position: absolute;top: 53px;right: 241px;}

#con02{ width: 100%; max-width: 1920px; margin: 0 auto; }
#con02 .txt{ text-align: center; }
#con02 .ttl{margin-bottom: 14px;text-align: center;color: #fff;font-size: 76px;font-weight: 700;letter-spacing: 8px;line-height: 89px;padding: 0px 0;border-top: 2px solid #000;border-bottom: 2px solid #000;background: url(../images/index/con02-bg03.jpg) repeat center top;}
#con02 .txt1{text-align: center;font-size: 24px;font-weight: 700;letter-spacing: 2.5px;line-height: 51px;}
#con02 .txt2{text-align: center;font-size: 56px;font-weight: 700;letter-spacing: 8px;line-height: 70px;position: relative;left: -5px;margin-bottom: 7px;}
#con02 .ttl1{text-align: center;padding-left: 72px;margin-bottom: 40px;}
#con02 .inner-Box2{background: url(../images/index/con02-bg01.jpg) no-repeat center top;padding: 49px 0;}
#con02 .inner-Box2 .box1{width: 1100px;margin: 0 auto;padding-bottom: 64px;position: relative;}
#con02 .inner-Box2 .box1 .txt-box{width: 470px;background-color: #fff;padding: 33px 38px 51px 30px;position: absolute;top: 50px;right: 47px;}
#con02 .inner-Box2 .box1 .txt-box .num{position: absolute;top: -37px;right: -67px;}
#con02 .inner-Box2 .box1 .txt-box .ttl2{color: #fff;background-color: #0149FF;display: inline-block;padding: 4px 13px;font-size: 26px;font-weight: 700;line-height: 34px;letter-spacing: 2.5px;margin-bottom: 22px;}
#con02 .inner-Box2 .box1 .txt-box .txt3{ font-size: 16px; line-height: 34px; letter-spacing: 0.8px; }
#con02 .inner-Box2 .box1 .txt-box .btn{position: absolute;bottom: -34px;right: 40px;}
#con02 .inner-Box3{background: url(../images/index/con02-bg02.png) no-repeat center top;padding: 60px 0 52px;position: relative;z-index: 999;margin-top: -30px;}
#con02 .inner-Box3 .box2{width: 1100px;margin: 0 auto;padding-bottom: 64px;position: relative;}
#con02 .inner-Box3 .box2 .list{padding-left: 34px;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;}
#con02 .inner-Box3 .box2 .list li{width: 300px;margin-right: 79px;position: relative;}
#con02 .inner-Box3 .box2 .list li:nth-child(3){ margin-right: 0px; }
#con02 .inner-Box3 .box2 .list li .num{position: absolute;top: 34px;left: -64px;}
#con02 .inner-Box3 .box2 .list li .ttl3{color: #fff;background-color: #0E7AFF;display: inline-block;padding: 4px 13px;font-size: 26px;font-weight: 700;line-height: 34px;letter-spacing: 2.5px;margin-bottom: 22px;margin-left: -10px;position: relative;}
#con02 .inner-Box3 .box2 .list li img{margin-top: -32px;}
#con02 .inner-Box3 .box2 .list li .txt{width: 290px;margin-left: auto;background-color: #fff;padding: 15px 22px 32px 20px;margin-top: -10px;position: relative;font-size: 14px;letter-spacing: 0.7px;line-height: 28px;text-align: left;}
#con02 .inner-Box3 .box2 .list li .btn{position: absolute;bottom: -46px;right: 40px;}

.bg-area1{width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 70px;background: url(../images/index/bg-area01.png) no-repeat center bottom;}

#con03{width: 100%;max-width: 1920px;margin: 0 auto 167px;background: url(../images/index/con03-bg01.png) no-repeat center top;}
#con03 .ttl{text-align: center;padding-top: 74px;margin-bottom: 22px;padding-left: 68px;}
#con03 .list{width: 1840px;margin: 0 auto 25px;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;}
#con03 .list li{width: 406px;margin-right: 72px;}
#con03 .list li:nth-child(4){ margin-right: 0px; }
#con03 .list li img{margin-bottom: 23px;}
#con03 .list li p{ padding: 0 20px; line-height: 30px; letter-spacing: 0.8px; }
#con03 .btn{ text-align: center; }

#con04{ width: 100%; max-width: 1920px; margin: 0 auto; }
#con04 .inner-Box{ width: 1200px; margin: 0 auto; background-color: #33CFBD; padding: 40px; }
#con04 .ttl{width: 500px;margin: -82px auto 24px;font-size: 28px;font-weight: 700;line-height: 45px;letter-spacing: 2.8px;text-align: center;border: 2px solid;background-color: #F2F3F5;padding: 5px 12px;}
#con04 .list{ display: flex; justify-content: space-between; }

/* case -------------------------------------*/
#case{width: 100%;max-width: 1920px;margin: 0 auto;padding: 77px 0;background: url(../images/index/works-bg01.png) no-repeat center top;}
#case h2{font-size: 42px;font-weight: bold;line-height: 68px;letter-spacing: 4px;margin-bottom: 22px;}
#case .txt{position: absolute;top: 9px;left: -73px;}
#case .btn{position: absolute;top: -3px;right: 0;}
#case .inner-Box{ width: 1100px; margin: 0 auto; padding-left: 50px; position: relative; }
#case .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; }
#case .system-list li{width: 240px;margin-right: 30px;background: #fff;position: relative;margin-bottom: 27px;}
#case .system-list li:nth-child(4n){ margin-right: 0;}
#case .system-list li a:hover{ text-decoration: none; }
#case .system-pic{width: 100%;height: 220px;overflow: hidden;text-align: center;margin-bottom: 19px; }
#case .system-pic img{width: 100%;height: 220px;}
#case .system-date{font-size: 14px;margin-bottom: 9px;line-height: 1.4;padding: 0 22px;}
#case .system-ttl-01{font-size: 16px;margin-bottom: 20px;line-height: 25px;padding: 0 20px;}
#case .system-icon02{ padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }

#voice{width: 100%;margin: -75px auto 0;padding: 403px 0 135px;background: url(../images/index/voice-bg01.png) repeat center top;}
#voice .inner-Box{width: 1700px;margin-left: auto;position: relative;}
#voice .txt-box{width: 398px;padding-top: 140px;margin-left: 119px;color: #fff;float: left;}
#voice h2{text-align: center;font-size: 36px;font-weight: 700;line-height: 46px;letter-spacing: 3.6px;margin-bottom: 18px;position: relative;}
#voice h2::before{content: url(../images/index/voice-txt01.png);position: absolute;top: -102px;left: -3px;}
#voice .btn{ text-align: center; }
#voice .slider-3mai-Box{width: 1167px;margin-left: 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;}
#voice .slider-3mai-Box li{width: 550px; margin-right: 50px; position: relative;margin-bottom: 20px;}
#voice .slider-3mai-Box li:nth-child(3n){ margin-right: 0;}
#voice .slider-3mai-Box li a:hover{ text-decoration: none; }
#voice .system-pic{width: 100%;height: 380px;overflow: hidden;text-align: center;border: 2px solid;margin-left: 15px;}
#voice .system-pic img{ width: 100%; height: 380px; }
#voice .txt-area{width: 450px;background-color: #fff;padding: 20px;border: 2px solid;position: relative;top: -33px;left: 5px;}
#voice .system-ttl-01{font-size: 18px;margin-bottom: 20px;line-height: 1.4;}
#voice .txt-area .btn{position: absolute;bottom: -16px;left: 25px;}

#voice .slider-3mai-Box2 {position: relative;width: 100%;}
#voice .slider-3mai-Box2 .slider-3mai {position: relative;left: 50%;width: 1167px;margin-left: -740px;}
#voice .slider-3mai-Box2 .slider-3mai li {width: 560px!important;margin-right: 66px!important;}
#voice .slider-3mai-Box2 .bx-wrapper{width: 1172px;margin-left: auto!important;}
#voice .slider-3mai-Box2 .bx-wrapper .bx-viewport {}
#voice .slider-3mai-Box2 .bx-wrapper .bx-controls-direction a {position: absolute;top: -18%;outline: 0;width: 60px;height: 63px;text-indent: -9999px;z-index: 9999;}
#voice .slider-3mai-Box2 .bx-wrapper .bx-prev {left: 425px;background-image: url(../images/index/bx-l.png);background-position: 0 0;}
#voice .slider-3mai-Box2 .bx-wrapper .bx-next {right: 597px;background-image: url(../images/index/bx-r.png);background-position: 0 0;}

#con05{width: 1241px;margin: 0 auto 149px;padding-top: 60px;}
#con05 .ttl{text-align: center;font-size: 46px;font-weight: 700;line-height: 46px;margin-bottom: 42px;letter-spacing: 5px;}
#con05 .list{margin-bottom: 73px;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;}
#con05 .list li{ width: 300px; margin-right: 13px; border: 4px solid #000; position: relative; }
#con05 .list li::before{content: url(../images/index/con05-btn01.jpg);position: absolute;bottom: -13px;right: -4px;}
#con05 .list li:nth-child(4){ margin-right: 0; }
#con05 .list li h3{ text-align: center; font-size: 22px; font-weight: 700; letter-spacing: 2.5px; }
#con05 .list li:nth-child(1) h3{background-color: #FFD800;border-bottom: 2px solid #000;padding: 23px 0px;}
#con05 .list li:nth-child(2) h3{background-color: #FC3C40;border-bottom: 2px solid #000;color: #fff;padding: 23px 0;}
#con05 .list li:nth-child(3) h3{background-color: #0149FF;border-bottom: 2px solid #000;color: #fff;padding: 16px 0;line-height: 27px;}
#con05 .list li:nth-child(4) h3{background-color: #28DDEE;border-bottom: 2px solid #000;padding: 16px 0;line-height: 27px;}
#con05 .list li img{border-bottom: 2px solid #000;margin-bottom: 20px;}
#con05 .list li p{text-align: center;font-size: 16px;font-weight: 700;line-height: 28px;letter-spacing: 1.5px;margin-bottom: 50px;}

#news{width: 1100px;margin: 0 auto 139px;overflow: hidden;}
#news .ttl-box{width: 220px;margin-right: 20px;float: left;}
#news h2{text-align: center;margin-bottom: 3px;}
#news .btn{ text-align: center; }
#news .inner-Box{  }
#news .system-list{float: right;width: 850px;position: relative;}
#news .system-list li{width: 100%;overflow: hidden;background: #fff;position: relative;border-bottom: 1px solid #000;margin-bottom: 25px;padding-bottom: 20px;}
#news .system-list li a:hover{ text-decoration: none; }
#news .system-date{ font-size: 20px; margin-bottom: 10px; float: left; margin-right: 30px; }
#news .system-ttl{width: 80%;font-size: 20px;line-height: 1.5;margin-bottom: 36px;}
#news .system-list .btn01{ position: absolute; bottom: 20px; right: 0; }
  
#con06{ width: 100%; max-width: 1920px; margin: 0 auto 100px; }
#con06 .txt{text-align: center;font-size: 22px;font-weight: 700;line-height: 30px;letter-spacing: 1px;margin-bottom: 16px;}
#con06 .ttl{ text-align: center; }
#con06 .pic{ width: 100%; }
#con06 .pic img{ width: 100%; }
#con06 .txt-box{padding: 38px 0;background: url(../images/index/con06-bg01.jpg) no-repeat center top;height: 540px;background-size: cover;}
#con06 .txt-box .txt1{color: #fff;font-size: 23px;text-align: center;line-height: 48px;letter-spacing: 1.2px;margin-bottom: 16px;}
#con06 .txt-box .txt2{color: #fff;font-size: 42px;text-align: center;font-weight: 700;line-height: 72px;letter-spacing: 2px;margin-bottom: 23px;}
#con06 .txt-box .btn{ text-align: center; }
  
#staff{width: 100%;margin: 0 auto 0;padding: 0px 0 119px;background: url(../images/index/staff-bg01.png) no-repeat center top;}
#staff .inner-Box{width: 1700px;margin-left: auto;position: relative;}
#staff .txt-box{width: 398px;padding-top: 37px;margin-left: 119px;color: #fff;float: left;}
#staff h2{text-align: center;font-size: 36px;font-weight: 700;line-height: 46px;letter-spacing: 3.6px;margin-bottom: 34px;position: relative;}
#staff h2::before{content: url(../images/index/staff-txt01.png);position: absolute;top: -102px;left: -3px;}
#staff .btn{ margin-left: 71px;}
#staff .slider-3mai-Box{width: 1167px;margin-left: 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;}
#staff .slider-3mai-Box li{width: 550px; margin-right: 50px; position: relative;margin-bottom: 20px;}
#staff .slider-3mai-Box li:nth-child(3n){ margin-right: 0;}
#staff .slider-3mai-Box li a:hover{ text-decoration: none; }
#staff .system-pic{width: 100%;height: 250px;overflow: hidden;text-align: center;margin-left: 15px;}
#staff .system-pic img{width: 100%;height: 250px;}
#staff .txt-area{width: 210px;background: url(../images/common/common-bg01.jpg) repeat center top;padding: 17px;border: 1px solid;position: relative;top: -14px;left: 32px;}
#staff .system-job{font-size: 14px;margin-bottom: 4px;line-height: 1.4;}
#staff .system-name{font-size: 16px;line-height: 1.4;font-weight: 700;}

#staff .slider-3mai-Box2 {position: relative;width: 100%;}
#staff .slider-3mai-Box2 .slider-3mai {position: relative;left: 50%;width: 1167px;margin-left: -740px;}
#staff .slider-3mai-Box2 .slider-3mai li {width: 220px!important;margin-right: 48px!important;}
#staff .slider-3mai-Box2 .bx-wrapper{width: 778px;margin-left: auto!important;margin-right: 405px;padding-top: 48px;}
#staff .slider-3mai-Box2 .bx-wrapper .bx-viewport {}
#staff .slider-3mai-Box2 .bx-wrapper .bx-controls-direction a {position: absolute;top: -6.5%;outline: 0;width: 60px;height: 63px;text-indent: -9999px;z-index: 9999;}
#staff .slider-3mai-Box2 .bx-wrapper .bx-prev {left: 623px;background-image: url(../images/index/bx1-l.png);background-position: 0 0;}
#staff .slider-3mai-Box2 .bx-wrapper .bx-next {right: 5px;background-image: url(../images/index/bx1-r.png);background-position: 0 0;}

#blog{width: 1200px;margin: 0 auto 37px;position: relative;}
#blog h2{margin-right: 22px;float: left;margin-bottom: 40px;}
#blog .txt{font-size: 14px;font-weight: 700;line-height: 55px;letter-spacing: 1.5px;}
#blog .btn{position: absolute;top: -18px;right: 0;}
#blog .inner-Box{ overflow: hidden; }
#blog .system-list{margin-top: 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;}
#blog .system-list li{ width: 270px; margin-right: 40px; }
#blog .system-list li:nth-child(4){ margin-right: 0px; }
#blog .system-pic{width: 100%;height: 177px;border: 1px solid #000;margin-bottom: 10px;}
#blog .system-pic img{width: 100%;height: 175px;}
#blog .system-txt { }
#blog .system-date{font-size: 14px;margin-bottom: 4px;}
#blog .system-ttl{ font-size: 16px; line-height: 1.4; }

#con07{width: 740px;margin: 0 auto 120px;}
#con07 .inner-Box{ overflow: hidden; }
#con07 .l-box{width: 320px;float: left;margin-right: 40px;}
#con07 .r-box{ width: 380px; float: left; overflow: hidden; }
#con07 .r-box .txt{padding-top: 40px;margin-right: 52px;padding-left: 60px;float: left;}
#con07 .r-box .list{display: flex;justify-content: space-between;padding-top: 40px;}

#con08 .end-content-ttl{width: 100%; margin: 0 auto 18px;}

#con08 .loop {
width: 100%;
height: 192px; /*画像の高さ等*/
background: url(../images/index/end-content-txt.png) repeat-x;
background-position: center;
animation: bgloop2 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

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

.seo-text{ width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/common/common-bg01.jpg) repeat center top; padding: 60px 0 0px; }
.seo-text .txt{ width: 1100px; margin: 0 auto; font-size: 16px; line-height: 30px; letter-spacing: 0.8px; }

}

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

#bx-sra{margin-top: -25vw;background: url(../images/index/main-bg01.jpg) no-repeat center bottom;background-size: 100% auto; position: relative;}
#bx-sra .ttl-box{ position: absolute; top: 24vw; width: 94%; z-index: 100; }

.bx-wrapper .bx-pager{position: absolute;bottom: 20vw;left: -41vw;width: 100%;z-index: 200;}
.bx-wrapper .bx-pager.bx-default-pager a{ width: 8px; height: 8px; margin: 0 6px; }

#con01{margin: -1vw auto 10vw;padding-bottom: 10vw;background: url(../images/index/con01-bg01.jpg) no-repeat center top 0px;}
#con01 .inner-Box{margin: 0 auto;position: relative;padding-top: 0vw;}
#con01 .sns-icon{ width: 70vw; margin: 0 auto 10vw; overflow: hidden; }
#con01 .sns-icon .txt1{ float: left; width: 46vw; padding-top: 2.8vw; filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%); }
#con01 .sns-icon .icon01{ float: right; padding-top: 1vw; padding-right: 5vw; }
#con01 .sns-icon .icon01 img{ width: 40px; }
#con01 .ttl{color: #fff;font-size: 5.5vw;font-weight: 700;letter-spacing: 0.48vw;line-height: 1.8;z-index: 1000;padding: 0 5vw;margin-bottom: 4vw;}
#con01 .txt{color: #fff;font-size: 3.6vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.19vw;margin-bottom: 5vw;z-index: 1000;padding: 0 5vw;}
/*コンセプト画像の動き　開始*/
#con01 .top-last-bigimg {width: 100%; margin: 0 auto;}
#con01 .loop {width: 100%;height: 46vw; /*画像の高さ等*/background: url(../images/index/top-last-bigimg1.jpg) repeat-x;background-position: center;background-size: 300% auto;animation: bgloop 17s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/}
@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -200vw 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}
#con01 .top-last-bigimg1 {width: 100%; margin: 0 auto;}
#con01 .loop1 {width: 100%;height: 46vw; /*画像の高さ等*/background: url(../images/index/top-last-bigimg2.jpg) repeat-x;background-position: center;background-size: 300% auto;animation: bgloop1 20s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/}
@keyframes bgloop1 {
from { background-position: 0 0; }
to { background-position: 200vw 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}
/*コンセプト画像の動き　終了*/
#con01 .txt-box{ position: relative; }
#con01 .txt-box .txt1{width: 80%;margin-top: -2vw;margin-bottom: 4vw;padding-left: 3vw;}
#con01 .txt-box .txt2{ padding: 0 5vw 0 3vw; margin-bottom: 6vw; }
#con01 .txt-box .btn{ padding: 0 10vw; }

#con02{ margin: 0 auto; }
#con02 .txt{ text-align: center; }
#con02 .ttl{margin-bottom: 6vw;text-align: center;color: #fff;font-size: 7.5vw;font-weight: 700;letter-spacing: 0.48vw;line-height: 2;padding: 0px 0;border-top: 2px solid #000;border-bottom: 2px solid #000;background: url(../images/index/con02-bg03.jpg) repeat center top;}
#con02 .txt1{text-align: center;font-size: 4.2vw;font-weight: 700;letter-spacing: 0.48vw;line-height: 1.8;}
#con02 .txt2{text-align: center;font-size: 11vw;font-weight: 700;letter-spacing: 0.48vw;line-height: 1.8;}
#con02 .ttl1{text-align: center;margin-left: 7vw;margin-bottom: 8vw;}
#con02 .inner-Box2{background: url(../images/index/sp-con02-bg01.jpg) no-repeat center top;padding: 6vw 0; background-size: 100% auto;}
#con02 .inner-Box2 .box1{margin: 0 8vw 0 5vw;padding-bottom: 6vw;position: relative;}
#con02 .inner-Box2 .box1 .pic{ position: absolute; top: 12vw; left: 0; }
#con02 .inner-Box2 .box1 .txt-box{background-color: #fff;}
#con02 .inner-Box2 .box1 .txt-box .num{position: absolute;top: -9vw;right: 0vw;width: 43%;}
#con02 .inner-Box2 .box1 .txt-box .ttl2{color: #fff;background-color: #0149FF;text-align: center;padding: 2vw 3vw;font-size: 4.6vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.48vw;margin-bottom: 67vw;}
#con02 .inner-Box2 .box1 .txt-box .txt3{font-size: 3.6vw;line-height: 1.8;letter-spacing: 0.19vw;padding: 0 3vw 22vw;}
#con02 .inner-Box2 .box1 .txt-box .btn{position: absolute;bottom: 11vw;right: 5vw; width: 50%}
#con02 .inner-Box3{background: url(../images/index/sp-con02-bg02.png) repeat-y center top;padding: 15vw 0 0vw;background-size: 100% auto;position: relative;z-index: 99;margin-top: -5vw;}
#con02 .inner-Box3 .box2{margin: 0 7vw 0 12vw;padding-bottom: 8vw;position: relative;}
#con02 .inner-Box3 .box2 .list{}
#con02 .inner-Box3 .box2 .list li{position: relative; margin-bottom: 19vw;}
#con02 .inner-Box3 .box2 .list li:nth-child(3){position: relative; margin-bottom: 0vw;}
#con02 .inner-Box3 .box2 .list li .num{position: absolute;top: -2vw;left: 3vw;width: 45%;}
#con02 .inner-Box3 .box2 .list li .ttl3{color: #fff;background-color: #0E7AFF;display: inline-block;padding: 1vw 3vw;font-size: 4.6vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.48vw;margin-bottom: 2vw;position: relative;}
#con02 .inner-Box3 .box2 .list li img{margin-top: -7vw;}
#con02 .inner-Box3 .box2 .list li .txt{background-color: #fff;padding: 3vw 3vw 18vw;position: relative;font-size: 3.6vw;letter-spacing: 0.19vw;line-height: 1.8;text-align: left;}
#con02 .inner-Box3 .box2 .list li .btn{position: absolute;bottom: 3vw;right: 3vw; width: 50%;}

#con03{margin: 0 auto 30vw;background: url(../images/index/sp-con03-bg01.png) no-repeat center top;background-size: 100% auto;}
#con03 .ttl{text-align: center;margin-bottom: 4vw;padding: 16vw 8vw 0;}
#con03 .list{margin: 0 5vw 8vw 5vw;}
#con03 .list li{margin-bottom: 6vw;width: 100%;}
#con03 .list li:nth-child(4){ margin-bottom: 0px; }
#con03 .list li img{margin-bottom: 2vw;padding-right: 14vw;}
#con03 .list li p{ width: 52vw; margin-left: auto; margin-top: -19vw; line-height: 1.8;letter-spacing: 0.19vw; font-size: 3.6vw;}
#con03 .btn{ text-align: center; padding: 0 10vw; }

#con04{ margin: 0 5vw; }
#con04 .inner-Box{ margin: 0 auto; background-color: #33CFBD; padding: 8vw 5vw; }
#con04 .ttl{margin: -22vw auto 4vw;font-size: 6vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.48vw;text-align: center;border: 2px solid;background-color: #F2F3F5;padding: 1vw 2vw;}
#con04 .list li{ margin-bottom: 6vw; }
#con04 .list li:last-child{ margin-bottom: 0vw; }

#case{ width: 100%; margin: 0 auto; padding: 15% 3%; background: url(../images/index/sp-works-bg01.jpg) no-repeat center top,url(../images/index/sp-works-bg03.jpg) no-repeat center bottom,url(../images/index/sp-works-bg02.jpg) repeat center top; background-size: 100% auto; }
#case .txt{width: 55vw;margin-bottom: 3vw;}
#case h2{font-size: 6vw;font-weight: bold;margin-bottom: 4vw;letter-spacing: 0.48vw;}
#case .btn{position: absolute;bottom: 9vw; padding: 0 10vw;}
#case .inner-Box{width: 100%;margin: 0 auto;padding-bottom: 20vw;position: relative;}
#case .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; }
#case .system-list li{ width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 4%; line-height: 1.4;}
#case .system-list li:nth-child(2n){ margin-right: 0;}
#case .system-list li:nth-child(n+5){ display: none;}
#case .system-list li a:hover{ text-decoration: none; }
#case .system-pic{width: 100%;height: 42vw;overflow: hidden;text-align: center; margin-bottom: 2vw;}
#case .system-pic img{width: 100%;height: 42vw;}
#case .system-date{ font-size: 3.4vw; margin-bottom: 2vw; padding: 0 5%;}
#case .system-ttl-01{ font-size: 3.6vw; margin-bottom: 2vw; line-height: 1.6;padding: 0 5%;}

#voice{width: 100%;margin: 0 auto 10vw;padding: 20% 3% 11%;background: url(../images/index/sp-voice-bg01.jpg) no-repeat center top;background-size: 100% auto;position: relative;}
#voice .txt-box{padding-top: 10vw;color: #fff;}
#voice h2{font-size: 7vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.48vw;margin-bottom: 4vw;text-align: center;position: relative;}
#voice h2::before{content: url(../images/index/sp-voice-txt01.png);position: absolute;top: -49vw;left: -30vw;transform: scale(0.4);}
#voice .inner-Box{ width: 100%; margin: 0 auto; }
#voice .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; }
#voice .system-list li{ width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 4%; line-height: 1.4;}
#voice .system-list li:nth-child(2n){ margin-right: 0;}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-pic{ width: 100%; height: 50vw; overflow: hidden; text-align: center; margin-bottom: 2vw; }
#voice .system-pic img{ width: 100%; height: 50vw; }
#voice .system-ttl-01{font-size: 3.6vw;margin-bottom: 5%;line-height: 1.6;}
#voice .txt-area{background-color: #fff;width: 90%;padding: 5vw;position: absolute;top: 47vw;left: 0vw;border: 2px solid;}
#voice .txt-area .btn{ position: absolute; bottom: -3vw; left: 5vw; }
#voice .btn1{ width: 80%; margin-top: 6vw; }
#voice .slider-3mai-Box2 { position: relative; width: 100%; }
#voice .slider-3mai-Box2 .slider-3mai { position: relative; left: 45%; width: 90%; margin-left: -40%; }
#voice .slider-3mai-Box2 .slider-3mai li { width: 85vw!important; position: relative; }
#voice .slider-3mai-Box2 .bx-wrapper .bx-controls-direction a {position: absolute;top: 34%;outline: 0;width: 65px;height: 50px;text-indent: -9999px;z-index: 10;}
#voice .slider-3mai-Box2 .bx-wrapper .bx-prev {left: -6%;background-image: url(../images/index/bx-l.png);background-position: 0 0;background-size: 60%;}
#voice .slider-3mai-Box2 .bx-wrapper .bx-next {right: -14%;background-image: url(../images/index/bx-r.png);background-position: 0 0;background-size: 60%;}
#voice .bx-wrapper .bx-viewport{min-height: 75vw!important;}

#con05{margin: 0 auto 16vw;}
#con05 .ttl{text-align: center;font-size: 7vw;font-weight: 700;line-height: 1.8;margin-bottom: 6vw;letter-spacing: 0.9vw;}
#con05 .list{margin-bottom: 6vw;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;}
#con05 .list li{width: 100%;border: 4px solid #000;position: relative;margin-bottom: 8vw;overflow: hidden;}
#con05 .list li::before{content: url(../images/index/con05-btn01.jpg);position: absolute;bottom: -2vw;right: -1vw;}
#con05 .list li h3{ text-align: center; font-size: 4.1vw; font-weight: 700; letter-spacing: 0.48vw; }
#con05 .list li:nth-child(1) h3{background-color: #FFD800;border-bottom: 2px solid #000;padding: 2vw 0;}
#con05 .list li:nth-child(2) h3{background-color: #FC3C40;border-bottom: 2px solid #000;color: #fff;padding: 2vw 0;}
#con05 .list li:nth-child(3) h3{background-color: #0149FF;border-bottom: 2px solid #000;color: #fff;padding: 2vw 0;}
#con05 .list li:nth-child(4) h3{background-color: #28DDEE;border-bottom: 2px solid #000;padding: 2vw 0;}
#con05 .list li img{position: absolute;top: 11vw;left: 0;width: 55%;border-right: 2px solid #000;}
#con05 .list li p{width: 45%;margin-left: auto;padding-left: 2vw;font-size: 16px;font-weight: 700;line-height: 28px;letter-spacing: 1.5px;margin-bottom: 17.5vw;padding-top: 4vw;}
#con05 .list li:nth-child(3) p{margin-bottom: 11vw;}
#con05 .list li:nth-child(4) p{margin-bottom: 11vw;}


#news{ margin: 0 5vw 16vw;}
#news h2{ width: 70%; margin-bottom: 6vw; }
#news .btn{ padding: 0 10vw; }
#news .inner-Box{ width: 100%; margin: 0 auto; }
#news .system-list{ margin-bottom: 10%; }
#news .system-list li{ width: 100%; background: #fff; overflow: hidden; position: relative; border-bottom: 1px solid #000; margin-bottom: 5%; padding-bottom: 5%; }
#news .system-list li a:hover{ text-decoration: none; }
#news .system-date{ font-size: 3.2vw; margin-bottom: 3%; }
#news .system-ttl{width: 100%;font-size: 3.6vw;margin-bottom: 2vw;line-height: 1.6;}
#news .btn01{ text-align: right; }

#con06{ margin: 0 5vw 10vw; }
#con06 .txt{text-align: center;font-size: 4.2vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.19vw;margin-bottom: 2vw;}
#con06 .ttl{ text-align: center; }
#con06 .pic{ width: 100%; }
#con06 .pic img{ width: 100%; }
#con06 .txt-box{padding: 4vw 0 8vw;background: url(../images/index/sp-con06-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#con06 .txt-box .txt1{color: #fff;font-size: 3.6vw;;line-height: 1.8;letter-spacing: 1.2px;margin-bottom: 5vw; padding: 0 3vw;}
#con06 .txt-box .txt2{color: #fff;font-size: 4.5vw;text-align: center;font-weight: 700;line-height: 1.8;letter-spacing: 0.48vw;margin-bottom: 6vw;}
#con06 .txt-box .btn{ padding: 0 5vw; }

#staff{width: 100%;margin: 0 auto 10vw;padding: 11% 3% 11%;background: url(../images/index/sp-staff-bg01.png) no-repeat center top 41vw;background-size: 100% auto;position: relative;}
#staff .txt-box{padding-top: 10vw;color: #fff;}
#staff h2{ width: 60%; margin-bottom: 14vw; }
#staff .inner-Box{ width: 100%; margin: 0 auto; }
#staff .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; }
#staff .system-list li{ width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 4%; line-height: 1.4;}
#staff .system-list li:nth-child(2n){ margin-right: 0;}
#staff .system-list li a:hover{ text-decoration: none; }
#staff .system-pic{width: 60%;height: 60vw;margin: 0 auto;overflow: hidden;text-align: center;margin-bottom: 2vw;}
#staff .system-pic img{width: 100%;height: 60vw;}
#staff .system-job{font-size: 3.6vw;line-height: 1.6;}
#staff .system-name{font-size: 3.9vw; font-weight: 700; line-height: 1.6;}
#staff .txt-area{background: url(../images/common/common-bg01.jpg) repeat center top;background-size: 5% auto;width: 60%;padding: 5vw;position: absolute;top: 58vw;left: 19vw;border: 1px solid;}
#staff .btn1{ width: 80%; margin-top: 6vw; }
#staff .slider-3mai-Box2 { position: relative; width: 100%; }
#staff .slider-3mai-Box2 .slider-3mai { position: relative; left: 45%; width: 90%; margin-left: -40%; }
#staff .slider-3mai-Box2 .slider-3mai li { width: 85vw!important; position: relative; }
#staff .slider-3mai-Box2 .bx-wrapper .bx-controls-direction a {position: absolute;top: 41%;outline: 0;width: 116px;height: 70px;text-indent: -9999px;z-index: 10;}
#staff .slider-3mai-Box2 .bx-wrapper .bx-prev {left: -3%;background-image: url(../images/index/bx1-l.png);background-position: 0 0;background-size: 60%;}
#staff .slider-3mai-Box2 .bx-wrapper .bx-next {right: -17%;background-image: url(../images/index/bx1-r.png);background-position: 0 0;background-size: 60%;}
#staff .bx-wrapper .bx-viewport{min-height: 86vw!important;}

#blog{margin: 0 5vw 18vw;position: relative;}
#blog h2{width: 80%; margin-bottom: 6vw;}
#blog .txt{font-size: 3.6vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.24vw;}
#blog .btn{padding: 0 10vw;}
#blog .inner-Box{ overflow: hidden; }
#blog .system-list{margin-top: 4vw; margin-bottom: 4vw; display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#blog .system-list li{ width: 49%; margin-right: 2%; margin-bottom: 6vw; }
#blog .system-list li:nth-child(2n){ margin-right: 0px; }
#blog .system-pic{width: 100%;height: 36.5vw;border: 1px solid #000;margin-bottom: 2vw;}
#blog .system-pic img{width: 100%;height: 36vw;}
#blog .system-txt { }
#blog .system-date{font-size: 3.4vw;margin-bottom: 1.5vw;}
#blog .system-ttl{ font-size: 3.6vw; line-height: 1.4; }

#con07{margin: 0 5vw 20vw;}
#con07 .inner-Box{ overflow: hidden; }
#con07 .l-box{margin-bottom: 12vw;padding: 0 5vw;}
#con07 .r-box{text-align: center;}
#con07 .r-box .txt{padding: 0 25vw;margin-bottom: 6vw;}
#con07 .r-box .list{padding: 0 39vw;}

#con08 .end-content-ttl{width: 100%; margin: 0 auto 18px;}

#con08 .loop {
width: 100%;
height: 16vw; /*画像の高さ等*/
background: url(../images/index/end-content-txt.png) repeat-x;
background-size: auto 20vw;
background-position: center;
animation: bgloop2 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

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

.seo-text{ margin: 0 auto; padding: 10vw 5vw; background: url(../images/common/common-bg01.jpg) repeat center top; }
.seo-text .txt{ margin: 0 auto; font-size: 3.6vw; line-height: 1.8; letter-spacing: 0.19vw; }









}


@media screen and (min-width:1200px) and ( max-width:1919px) {
header h1{ width: 7.708vw; }
header h1 img{ width: 100%; max-width: 100%; height: auto; }
#top-bx-sra{ margin-top: -6.25vw; }
#top-bx-sra .main-box{ width: 100%; margin: 0 auto; height: 74.219vw; position: relative; }
#top-bx-sra .main-box img{ width: 100%; max-width: 100%; height: auto; }
#top-bx-sra .main-box .ttl{position: absolute;top: 13.125vw;left: 0;z-index: 999;width: 62.552vw;}
#top-bx-sra .main-box .ttl img{width: 100%; max-width: 100%; height: auto;}
#top-bx-sra .main-box .txt{position: absolute;top: 28.021vw;left: 1.042vw;z-index: 999;width: 31.51vw;}
#top-bx-sra .main-box .txt img{width: 100%; max-width: 100%; height: auto;}
#top-bx-sra .main-box .btn{position: absolute;top: 38.073vw;right: 4.115vw;z-index: 999;}
	#top-bx-sra .main-box .sns-icon{ position: absolute; top: 51vw; left: 39px; z-index: 100; overflow: hidden; width: 230px; }

.bx-wrapper .bx-pager{ transform:rotate(45deg); }
.bx-wrapper .bx-pager{ position: absolute;bottom: 21.875vw;left: -10.156vw;width: 100%;z-index: 200; }

#g-nav li img{ vertical-align: top; }
#g-nav{width: 22.229vw;margin: 0px auto 10px auto;padding: 1.042vw 0;text-align: center;position: absolute;top: -39.844vw;left: -0.573vw;z-index: 999;}

#con03 .list{width: 95.833vw;margin: 0 auto 25px;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;}
#con03 .list li{width: 24%;margin-right: 1%;}
#con03 .list li:nth-child(4){ margin-right: 0px; }
#con03 .list li img{ width: 100%; margin-bottom: 1.198vw;}
#con03 .list li p{ padding: 0 1.042vw; line-height: 1.563vw; letter-spacing: 0.042vw; }

}


@media screen and (max-width: 380px) {
  #case .system-list .system-pic { height: 120px; }
  #case .system-list .system-pic img { height: 120px; }
  #casetax-catego .system-list .system-pic { height: 120px; }
  #casetax-catego .system-list .system-pic img { height: 120px; }
  #casetax-reform .system-list .system-pic { height: 120px; }
  #casetax-reform .system-list .system-pic img { height: 120px; }
  #voice .system-list .system-pic { height: 120px; }
  #voice .system-list .system-pic img { height: 120px; }
}
@media screen and (max-width: 321px) {
  #case .system-list .system-pic { height: 100px; }
  #case .system-list .system-pic img { height: 100px; }
  #casetax-catego .system-list .system-pic { height: 100px; }
  #casetax-catego .system-list .system-pic img { height: 100px; }
  #casetax-reform .system-list .system-pic { height: 100px; }
  #casetax-reform .system-list .system-pic img { height: 100px; }
  #voice .system-list .system-pic { height: 100px; }
  #voice .system-list .system-pic img { height: 100px; }
}