@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
  -------------------------------------*/
.full-width { width: 100vw; position: relative; left: 50%;  right: 50%;  margin-left: -50vw;  margin-right: -50vw;}
header .h-logo1{ margin-top: 110px; margin-left: 154px; }


.slider-3mai-Box {overflow: hidden;position: relative;width: 100%;}
.slider-3mai-Box .slider-3mai { }
.slider-3mai-Box .slider-3mai img{ width: 100%; }
.slider-3mai-Box .slider-3mai li { width: 100%!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 .slider-3mai li span{position: absolute;bottom: 18px;right: 20px;}
.slider-3mai-Box .slider-3mai li p{padding: 0 0px 40px 0;overflow: hidden;}
.side-fix { display: none;}

.main-sk{ width: 100%; max-width: 2000px; position: relative;top: 3px; margin: 0 auto 70px;}
.main-sk td{ position: relative; width: 66%; }
.main-sk td .pic1{ position: absolute; bottom: -90px; right: 0; z-index: 999; }
.main-sk th{ width: 680px; vertical-align: top; text-align: left; position: relative;}
.main-sk th .logo-m{ text-align: center;margin-top: 6vw;margin-bottom:4vw; position: relative; right: 7px; }
.main-sk th .logo-m img{ max-width: 491px; width: 100%; }
.main-sk th .list{ max-width: 465px; width: 100%; margin-left: auto; margin-right: 1.4vw; margin-bottom: 0.9vw; overflow: hidden; }
.main-sk th .list li{ float: left; margin-right: 0.2vw; width: 100%; max-width: 230px; }
.main-sk th .list li:nth-child(2){ margin-right: 0; }
.main-sk th .list li img{ width: 100%; }
.main-sk th .pic{ width: 100%; max-width: 398px; margin-left: auto; margin-right: 3.2vw; }
.main-sk th .pic img{ width: 100%; }

.bx-wrapper .bx-pager{ position: relative; right: 340px; bottom: 10px; }
.bx-wrapper .bx-pager.bx-default-pager a{ background: #006533; margin: 0 9px; width: 15px; height: 15px; border-radius: 10px; }

.bg-area1{ width: 100%; max-width: 2000px; padding-top: 373px; margin: -287px auto 0; }

#con01{width: 1100px;margin: 0 auto;padding-bottom: 165px;}
#con01 .bnr-area{ width: 1100px; margin: 0 auto 120px; padding: 150px 0 40px; background-color:#E8E8E8; position:relative; }
#con01 .bnr-area .ttl{ position:absolute; top:-22px; left:-30px; }
#con01 .bnr-area .list{ width:920px; margin:0 auto; display: flex; justify-content: space-between; }
#con01 .bnr-area .list li{ width:430px; }

#con01 .inner-Box{/* background-color: #fff; */}
#event{ margin-bottom: 60px; border: 3px solid #A87640;position: relative;background-color: #fff;}
#event .ttl{ font-size: 24px; font-weight: bold; color: #fff; letter-spacing: 1.5px; padding: 23px 44px 17px; background-color: #A87640; }
#event .icon{ position: absolute; top: -30px; left: -35px; }
#event .btn{ position: absolute; top: 30px; right: 35px; }
#event .btn a{ font-weight: bold; color: #fff; font-size: 12px; }
#event .btn a::after{content: ''; display: inline-block; width: 19px; height: 19px; margin-left: 6px; background-image: url(../images/index/con01-icon01.png); background-size: contain; vertical-align: middle; }
#event .system-list{ padding: 41px 21px 21px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#event .system-list li{ line-height: 1.4; width: 32%; margin-right: 2%; background: #fff; position: relative; padding: 20px 10px 0; }
#event .system-list li:nth-child(3n){ margin-right: 0}
#event .system-list li:nth-child(n+4){display: none;}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-pic{ width: 100%; height: 220px; overflow: hidden; text-align: center; margin-bottom: 20px;}
#event .system-pic img{ max-width: 100%; max-height: 220px; width: auto; height: auto; }
#event .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#event .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-txt .color{ color: #A87640; }
#event .system-coment{ font-size: 0.813em; margin-bottom: 5px; line-height: 1.4; }
#event .system-ttl-01{ font-size: 1em; font-weight: bold; line-height: 1.4; padding-bottom: 10px; margin-bottom: 20px; position: relative; }
#event .system-ttl-01::after { content: ""; border-bottom: 1px solid #595656; width: 20px; position: absolute; bottom: 0; left: 0; }
#event .system-category{ font-size: 14px; font-weight: 500; text-align: center; padding: 8px; background-color: #000; }
#event .cate-bx{ margin-top: -45px;  margin-bottom: 10px;  width: 100%;  display: flow-root;  position: relative;}
#event .serchcategory{ margin-bottom: 100px;}
#event .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px;}
#event .serchcategory1{ margin-bottom: 100px; width: 750px; margin: 0 auto; position: relative; top: -50px}
#event .serchcategory1 .icon {max-width: 310px; display: inline-block; margin-bottom: 15px; margin-right: 30px; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 10px; position: relative; background: #f0f0f0}
#event .serchcategory1 .icon:after{ content: ""; width: 20px; height: 20px; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -13px; top: 35px; z-index: 1}
#event .icon01{border-radius: 30px;background: #A52A2A!important;color: #fff;font-size: 14px;padding: 4px;min-width: 120px;text-align: center;float: left;margin-right: 5px;}
#event .icon01::before{ color: #FECF2E; }
#event .icon02{ border-radius: 30px;background: #A87640!important;color: #fff;font-size: 14px;padding: 4px;min-width: 120px;text-align: center;float: left;margin-right: 5px; }
#event .icon02::before{ color: #fff; }
#event .icon03{border-radius: 30px;background: #2C3B6B!important;color: #fff;font-size: 14px;padding: 4px;min-width: 120px;text-align: center;float: left;margin-right: 5px;}
#event .icon04{border-radius: 30px;background: #156439!important;color: #fff;font-size: 14px;padding: 4px;min-width: 120px;text-align: center;float: left;margin-right: 5px;}
#event .icon05{border-radius: 30px;background: #A574A7!important;color: #fff;font-size: 14px;padding: 4px;min-width: 120px;text-align: center;float: left;margin-right: 5px;}
#event .icon03::before{ color: #C81313; }
#event .system-icon02 span { display: block; padding: 8px; background: #ccc; font-size: 0.8rem; margin-bottom: 15px; margin-top: -15px; }
#event .system-icon02 span.icon02-01 { background: #A52A2A; color: #fff; font-weight: bold; position: absolute; top: 15px; right: 0; }
#event .system-icon02 span.icon02-02 { background: #2C3B6B; color: #fff; font-weight: bold; position: absolute; top: 15px; right: 0; }
#event .system-icon02 span.icon02-03 { background: #5D8EAE; color: #fff; font-weight: bold; position: absolute; top: 15px; right: 0; }
#event .system-icon02 span.icon02-04 { background: #156439; color: #fff; font-weight: bold; position: absolute; top: 15px; right: 0; }
#event .system-icon02 span.icon02-05 { background: #ccc; font-weight: bold; position: absolute; top: 15px; right: 0;}
#event .system-icon03 span { display: block; padding: 8px; background: #ccc; font-size: 0.8rem; margin-bottom: 15px; margin-top: -15px; }
#event .system-icon03 span.icon02-01 { background: #A52A2A; color: #fff; font-weight: bold; width: 120px; text-align: center; position: absolute; top: 15px; right: 0;font-size: 18px; }
#event .system-icon03 span.icon02-02 { background: #2C3B6B; color: #fff; font-weight: bold; width: 120px; text-align: center; position: absolute; top: 15px; right: 0;font-size: 18px; }
#event .system-icon03 span.icon02-03 { background: #5D8EAE; color: #fff; font-weight: bold; width: 120px; text-align: center; position: absolute; top: 15px; right: 0;font-size: 18px; }
#event .system-icon03 span.icon02-04 { background: #156439; font-weight: bold; width: 160px; text-align: center; position: absolute; top: 15px; right: 0;font-size: 18px; }
#event .system-icon03 span.icon02-05 { background: #ccc; font-weight: bold; width: 160px; text-align: center; position: absolute; top: 15px; right: 0;font-size: 18px; }
  
  
#topics{width: 1100px;/* padding-bottom: 20px; */border: 3px solid #0D6533;position: relative;/* padding-bottom: 20px; */background-color: #fff;}
#topics h2{ font-size: 24px; font-weight: bold; color: #fff; letter-spacing: 1.5px; padding: 23px 44px 17px; background-color: #0D6533;; }
#topics .btn{ position: absolute; top: 29px; right: 29px; }
#topics .btn a{ font-weight: bold; color: #fff; font-size: 12px; }
#topics .btn a::after{content: ''; display: inline-block; width: 19px; height: 19px; margin-left: 6px; background-image: url(../images/index/con01-icon01.png); background-size: contain; vertical-align: middle; }
#topics .system-list{margin: 40px 25px 16px 40px;height: 300px;}
#topics .system-list li{width: 92%;overflow: hidden;background: #fff;position: relative;border-bottom: 1px dotted #ccc;margin-bottom: 20px;padding-bottom: 20px;}
#topics .system-list li a:hover{ text-decoration: none; }
#topics .system-date{font-size: 16px;margin-bottom: 6px;color: #0D6533;font-weight: bold;}
#topics .system-ttl{ width: 80%; font-size: 16px; line-height: 1.4; }
#topics .system-icon02{ padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }

#con02{ width: 100%; max-width: 2000px; height: 930px; margin: -47px auto 120px; background: url(../images/index/con02-bg01.png) no-repeat center top;  }
#con02 .inner-Box{ width: 1200px; margin: 0 auto; padding: 93px 0 0; position: relative; }
#con02 .icon{ position: absolute; top: 117px; left: 0; }
#con02 .txt{ padding-left: 91px; font-size: 20px; font-weight: 700; letter-spacing: 0.6px; margin-bottom: 6px; }
#con02 .ttl{ padding-left: 91px; font-size: 36px; font-weight: 700; letter-spacing: 2px; margin-bottom: 49px; }
#con02 .box1{ width: 480px; margin-left: 30px; margin-bottom: 35px; background-color: #fff; border-bottom: 2px dotted; padding: 20px 30px 20px 0; position: relative; }
#con02 .box1 .pic{ position: absolute; top: 20px; }
#con02 .box1 .ttl1{ width: 270px; margin-left: auto; padding-left: 22px; padding-top: 7px; font-size: 20px; font-weight: 700; margin-bottom: 8px; }
#con02 .box1 .ttl1 span{ font-size:16px; display:block; line-height:1; }
#con02 .box1 .txt{ width: 270px; margin-left: auto; padding-left: 22px; font-size: 16px; font-weight: 500; margin-bottom: 15px; }
#con02 .box1 .list{ width: 245px; margin-left: auto; display: flex; justify-content: space-between; }

#con03{ width: 100%; max-width: 2000px; height: 800px; margin: 0 auto 110px; background: url(../images/index/con03-bg01.jpg) no-repeat center top; }
#con03 .inner-Box{ width: 1100px; margin: 0 auto; padding: 105px 0; }
#con03 .ttl{ font-size: 32px; letter-spacing: 18px; text-align: center; color: #fff; margin-bottom: 18px; }
#con03 .ttl .aa{ font-size: 56px; letter-spacing: 2px; line-height: 72.2px; display: inline-block; padding-top: 30px; }
#con03 .ttl .bb{ letter-spacing: 16px; }
#con03 .txt{ font-size: 32px; letter-spacing: 9px; color: #FECF2E; text-align: center; margin-bottom: 30px; }
#con03 .list{width: 606px; margin: 0 auto 48px; display: flex; justify-content: space-between; }
#con03 .list li{width: 202px; margin: 0 auto; }
#con03 .list li:nth-child(1) img{ padding-left: 20px; }
#con03 .list li:nth-child(2) img{ padding-left: 30px; }
#con03 .list li:nth-child(3) img{ padding-left: 25px; }
#con03 .btn{ width: 373px; margin: 0 auto; }

#con04{ width: 100%; max-width: 2000px; margin: 0 auto 37px; }
#con04 .list{ width: 100%; max-width: 1870px; min-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; }
#con04 .list li{ width: 23.5%; margin-right: 2%; margin-bottom: 2%; }
#con04 .list li img{ width: 100%; }
#con04 .list li:nth-child(4n){ margin-right: 0px; }
#con04 .list li .txt-box{ width: 87%; margin: -45px auto 0; letter-spacing: 1px; background-color: #fff; padding: 14px 0; text-align: center; position: relative; z-index: 99; }
#con04 .list li .txt-box h3{font-size: 1.35vw;font-weight: 700;margin-bottom: 24px;line-height: 32px;}
#con04 .list li .txt-box p{font-size: 0.85vw;font-weight: 400;/* letter-spacing: 0.65px; */text-decoration-line: underline;}
#con04 .list li .txt-box .space{letter-spacing: 0.6px;}

.bg-area2{ width: 100%; max-width: 2000px; margin: 0 auto; background: url(../images/index/bg-area02.jpg) no-repeat center top; background-size: 128% auto; }

#case{width: 1200px;margin: 0 auto 180px;padding: 121px 0 68px;/* height: 1260px; */}
#case h2{text-align: center;font-size: 40px;font-weight: bold;letter-spacing: 2px;margin-bottom: 41px;}
#case h2.t-mb{ margin-top: 50px; margin-bottom: 10px; }
#case .txt{ text-align: center; font-size: 18px; font-weight: bold; letter-spacing: 1px; }
#case .icon1{position: absolute;top: -31px;left: 80px;}
#case .icon2{position: absolute;top: -35px;right: 80px;}
#case .btn-box{ width: 700px; margin: 0 auto; display: flex; justify-content: space-between; }
#case .btn{  }
#case .inner-Box{ width: 100%; margin: 0 auto; position: relative; }
#case .system-list{margin-bottom: 31px;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;/* display: none; */}
#case .system-list1{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;/* display: none; */}
#case .system-list li{width: 224px;margin-right: 20px;background: #fff;position: relative;margin-bottom: 20px; padding-bottom: 20px;}
#case .system-list li:nth-child(5n){ margin-right: 0;}
#case .system-list li a:hover{ text-decoration: none; }
#case .system-list1 li.system-li{width: 224px;margin-right: 20px;background: #fff;position: relative;margin-bottom: 0px; padding-bottom: 0px;}
#case .system-list1 li.system-li:nth-child(5n){ margin-right: 0;}
#case .system-list1 li.system-li a:hover{ text-decoration: none; }
#case .system-list1 li.slider-li{width: 224px;margin-right: 0px;background: #fff;position: relative;margin-bottom: 0px; padding-bottom: 0px;}
#case .system-list1 li.slider-li:nth-child(5n){ margin-right: 0;}
#case .system-list1 li.slider-li a:hover{ text-decoration: none; }
#case .system-pic{ width: 100%; height: 175px; overflow: hidden; text-align: center; margin-bottom: 15px; }
#case .system-pic img{ width: 100%; height: 175px; }
#case .system-list1 li.slider-li .system-pic{ width: 100%; height: 175px; overflow: hidden; text-align: center; margin-bottom: 0px; }
#case .system-list1 li.slider-li .system-pic img{ width: 100%; height: 175px; }
#case .system-date{font-size: 14px;margin-bottom: 10px;line-height: 1.4;padding: 0 15px;}
#case .system-ttl-01{font-size: 16px;line-height: 1.4;text-align: left;padding: 0 15px;font-weight: 500;margin-bottom: 20px;text-decoration: underline;}
#case .system-category-set { margin-bottom: 15px; margin-top: -15px;}
#case li.system-li .system-category-set { margin-bottom: 15px; margin-top: 0px;}
#case .system-category{margin-bottom: 1px;font-size: 14px;font-weight: bold;color: #fff;text-align: center;padding: 2px;background-color: #ccc;}
#case .serchcategory{ margin-bottom: 100px;}
#case .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#case .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}
#case .serchcategory1{ margin-top: 80px; margin-bottom: 30px; width: 920px; margin-left: auto; position: relative; top: -50px}
#case .serchcategory1 .icon {min-width: 120px; display: inline-block; margin-bottom: 15px; margin-right: 30px; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 10px; position: relative; color: #fff; }
#case .serchcategory1 .icon:after{ content: ""; width: 20px; height: 20px; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -13px; top: 35px; z-index: 1}
#case .icon01{ background: #0D6533; }
#case .icon02{ background: #5D8EAE; }
#case .icon03{ background: #A52A2A; }
#case .icon04{ background: #2C3B6B; }
#case .icon05{ background: #A574A7; }
#case .icon06{ background: #949494; }
#case .icon07{ background: #1F846F; }
#case .icon08{ background: #D66E04; }
#case .icon09{ background: #A87640; }
#case .icon10{ background: #C2B478; }
#case .icon11{ background: #ac9600; }
#case .icon12{ background: #a65683; }
#case .icon13{ background: #097464; }
#case .icon14{ background: #9a2d49; }
#case .system-icon02{ padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }
#case .system-category-set2{ padding: 0 5px; }
#case .system-category2{ display: inline-block; font-size: 14px; color: #696868; padding: 3px 16px; margin-bottom: 5px; border-radius: 40px; border: 1px solid #ccc; }
#case .system-category2::before{ content: '# '; }  

#customer{ width: 1200px; margin: -157px auto -69px; padding: 80px 0; background: #fff; height: 500px; }
#customer h2{ position: absolute; top: -13px; left: 20px; }
#customer .btn{position: absolute;bottom: -27px;right: 12px;letter-spacing: 0.8px;}
#customer .btn a{ font-weight: bold; font-size: 12px; }
#customer .btn a::after{content: '';display: inline-block;width: 19px;height: 19px;margin-left: 6px;background-image: url(../images/index/voice-icon01.png);background-repeat: no-repeat;background-size: contain;vertical-align: middle;}
#customer .inner-Box{ width: 1100px; margin: 0 auto; position: relative; }
#customer .system-list{margin-bottom: 20px; margin-left: 200px; 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;}
#customer .system-list li{width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 20px;padding: 29px 29px 8px;border-bottom: 1px dotted;}
#customer .system-list li:nth-child(2n){ margin-right: 0;}
#customer .system-list li a:hover{ text-decoration: none; }
#customer .system-pic{width: 170px;height: 160px;margin-bottom: 10px;float: left;text-align: center;}
#customer .system-pic img{ width: 170px; height: 160px; }
#customer .system-customer{font-size: 14px;margin-bottom: 10px;line-height: 1.4;padding-left: 190px;padding-top: 40px;}
#customer .system-ttl-01{font-size: 16px;margin-bottom: 20px;line-height: 1.4;padding-left: 190px;}
#customer .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);}
  
#con05{ width: 100%; max-width: 2000px; padding: 110px 0 140px; margin: 0 auto 190px; background: url(../images/index/con05-bg01.jpg) no-repeat center top; }
#con05 .inner-Box{position: relative;width: 100%; max-width: 1400px; margin: 0 auto;}
#con05 .ttl{width: 1200px;margin: 0 auto;/* margin-left: 156px; */margin-bottom: 40px;}
#con05 .ttl1{position: absolute;top: -110px;right: 230px;}
#con05 .list{width: 100%;max-width: 1400px;/* min-width: 1280px; */margin: 0 auto 67px;padding: 35px 40px;background-color: #735E42;display: flex;justify-content: space-between;border: 1px solid #fff;}
#con05 .list li{ width: 423px; } 
#con05 .list li p{ text-align: center; color: #fff; font-size: 22px; font-weight: 700; margin-bottom: 3px; } 
#con05 .pic{ width: 1056px; margin: 0 auto; }
 
.bg-area3{ width: 100%; max-width: 2000px; height: 1500px; margin: 0 auto; background: url(../images/index/bg-area04.png) no-repeat center top,url(../images/index/bg-area03.jpg) no-repeat center bottom; }

#con06{ width: 100%; max-width: 2000px; padding: 75px 0 70px; margin: 0 auto; }
#con06 .inner-Box{ width: 1100px; margin: 0 auto; position: relative; }
#con06 .inner-Box .txt-area{ width: 550px; float: left; position: relative; top: 8px; left: 14px; }
#con06 .inner-Box .txt-area .txt{ color: #FFDE64; font-size: 14px; padding-top: 22px; padding-left: 10px; letter-spacing: 0.8px; margin-bottom: 17px; }
#con06 .inner-Box .txt-area .txt1{ color: #fff; font-size: 44px; letter-spacing: 2px; line-height: 75px; margin-bottom: 15px; }
#con06 .inner-Box .txt-area .txt2{ color: #fff; font-size: 24px; letter-spacing: 1px; position: relative; left: 10px; }
#con06 .inner-Box .btn-area{ width: 550px; float: left; padding-left: 50px; }
#con06 .inner-Box .btn-area .btn{ margin-bottom: 10px; }
#con06 .inner-Box .pic{ position: absolute; bottom: -74px; left: -90px; }

#con07{ width: 1280px; margin: 0 auto; padding-top: 280px; position: relative; }
#con07 .inner-Box{position: relative;top: 230px;right: 58px;}
#con07 .txt{color: #fff;font-size: 28px;font-weight: bold;line-height: 75px;letter-spacing: 1.5px;margin-bottom: 3px;}
#con07 .ttl{font-size: 45px;letter-spacing: 1px;line-height: 71px;margin-bottom: 34px;}
#con07 .ttl span{display: inline-block;background-color: #fff;padding: 0px 17px;letter-spacing: 2.5px;margin-bottom: 10px;}
#con07 .icon{position: absolute;bottom: 0px;right: -56px;}

#con08{ width: 100%; max-width: 2000px; margin: 0 auto 110px; background: url(../images/index/con08-bg01.jpg) no-repeat center top; }
#con08 .inner-Box{width: 1280px;margin: 0 auto;padding: 140px 0 90px;}
#con08 .ttl{ width: 923px; margin: 0 auto 60px; }
#con08 .system-list{margin-bottom: 50px;padding: 16px 0px 5px 1px;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;}
#con08 .system-list .over { position: absolute; top: 0; left: 0; }
#con08 .system-list li{line-height: 1.4;width: 22.5%;margin-right: 3.2%;position: relative;margin-bottom: 64px;/* opacity: 1; */}
#con08 .system-list li:nth-child(4n){ margin-right: 0}
#con08 .system-list li a:hover{ text-decoration: none; }
#con08 .system-pic{width: 100%;height: 250px;margin-bottom: 39px;overflow: hidden;text-align: center;}
#con08 .system-pic img{ width: 100%; height: 280px; margin-bottom: 30px; }
#con08 .system-job{ text-align: center; font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#con08 .system-name{text-align: center;font-size: 26px;line-height: 1.4;font-weight: bold;margin-bottom: 11px;}
#con08 .love-box{position: absolute;top: -18px;left: -2px;z-index: 10;}
#con08 .love-box .rel-box{width: 100px;height: 100px;background-color: #f7ca00;position: relative;padding: 21px 14px 10px 14px;border-radius: 50%;line-height: 1.65;text-align: center;font-weight: 700;}
#con08 .love-box .deco{ position: absolute; bottom: -.25vw; right: 1.5vw; }
#con08 .btn{ width: 373px; margin: 0px auto 0; }
#con08 a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }

.box1{ width: 1100px; margin: 0 auto 100px; overflow: hidden; }

#blog{ width: 520px; float: left; position: relative; }
#blog .ttl{ font-size: 28px; letter-spacing: 2px; line-height: 49px; margin-bottom: 20px; }
#blog .line{ width: 40px; border-bottom: 1px solid; margin-bottom: 20px; }
#blog iframe{position: relative;right: 33px;}
#blog .btn{position: absolute;top: 16px;right: 35px;letter-spacing: 0.8px;}
#blog .btn a{font-weight: bold;font-size: 16px;}
#blog .btn a::after{content: '';display: inline-block;width: 19px;height: 19px;margin-left: 6px;background-image: url(../images/index/voice-icon01.png);background-repeat: no-repeat;background-size: contain;vertical-align: middle;}


.bnr-box{float: right;width: 501px;}
.bnr-box .list li{ margin-bottom: 10px; }
.bnr-box .list li:nth-child(2){ margin-bottom: 30px; }
.bnr-box .list li .txt{ float: left; }
.bnr-box .list li .icon1{float: left;margin-left: 59px;margin-right: 43px;position: relative;top: 23px;}
.bnr-box .list li .icon2{float: left;margin-right: 36px;position: relative;top: 18px;}
.bnr-box .list li .icon3{float: left;position: relative;top: 18px;}

.seo-text{width: 993px;margin: 0 auto 80px;}
.seo-text .txt{ font-size: 14px; line-height: 26px; letter-spacing: 0.8px; }
 

  
  
}


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

#bx-sra { margin-top: 5vw; position: relative; }
/* #bx-sra li{ margin-left: 5vw; } */
#bx-sra li:nth-child(1){ padding-top:3vw; }
#bx-sra li:nth-child(2){ padding-top:3vw; }
#bx-sra .pic{ width: 83vw; margin:2vw auto 0vw; position: absolute; left:8vw;}
#bx-sra .pic img{}

#bx-sra .pic1{ margin: 26.5vw 0 0 0; }

.bg-area1{width: 100%;padding-top: 17vw;margin: 6vw auto 8vw;}

#con01{ padding: 0 5vw; }
#con01 .bnr-area{ margin: 0 0vw 15vw; padding: 28vw 0 1vw; background-color:#E8E8E8; position:relative; }
#con01 .bnr-area .ttl{ position:absolute; top:-11vw; left:-6.4vw; right:-6.4vw; }
#con01 .bnr-area .list{ margin:0 4vw; }
#con01 .bnr-area .list li{ width:100%; margin-bottom:8vw; }

#event{ width: 100%; margin-bottom: 10vw; border: 3px solid #A87640; position: relative; }
#event .ttl{font-size: 4.2vw;font-weight: bold;color: #fff;letter-spacing: 0.242vw;padding: 3vw 9vw;background-color: #A87640;}
#event .btn{position: absolute;bottom: 8vw;padding: 0 3vw;}
#event .icon{position: absolute;top: -9vw;right: 4vw;width: 18%;}
#event .system-list{ padding: 10% 0; margin-bottom: 20%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#event .system-list li{ line-height: 1.4; background: #fff; position: relative; }
#event .system-list li:nth-child(2n){ margin-right: 0}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#event .system-list .btn::after { content: ' >';}
#event .system-pic{ width: 100%; height: auto; text-align: center; margin-bottom: 2vw; }
#event .system-pic img{ max-width: 100%; max-height: 39vw; width: auto; height: auto; }
#event .system-date{ font-size: 3.2vw; margin-bottom: 5%; line-height: 1.6;}
#event .system-date::before{ content: "■"; }
#event .system-information { padding-bottom: 0%; margin-bottom: 8%;}
#event .system-txt{ font-size:  3.6vw; margin-bottom: 3%; line-height: 1.6; }
#event .system-txt .color{ color: #A87640; }

#event .system-coment{ font-size: 3.2vw; margin-bottom: 5%; line-height: 1.6; }
#event .system-ttl-01{ font-size: 3.8vw; font-weight: bold; line-height: 1.6; padding-bottom: 6%; margin-bottom: 7%; position: relative; }
#event .system-ttl-01::after { content: ""; border-bottom: 1px solid #595656; width: 8vw; position: absolute; bottom: 0; left: 0; }
#event .system-category{font-size: 3.2vw;font-weight: bold;color: #fff;text-align: center;padding: 1vw;background-color: #ccc;}
#event .serchcategory{ margin: 0 3% 10%;}
#event .serchcategory .icon { display: inline-block;margin-right: 1%;margin-bottom: 3%;font-size: 3.2vw;color: #fff;text-align: center;padding: 4.5% 3%; }
#event .system-category1{ font-size: 3.6vw; font-weight: 500; color: #fff; text-align: center; padding: 2vw 3vw; width: 100%!important; position: relative;}
#event .serchcategory1{ width: 90%; margin: 0 auto 10%; position: relative; top: 5vw; left: 10vw; }
#event .serchcategory1 .icon {display: inline-block;margin-bottom: 3vw;margin-right: 3vw;font-size: 3.6vw;font-weight: bold;text-align: center;padding: 3vw;position: relative;background: #f0f0f0;}
#event .serchcategory1 .icon:after{content: "";width: 20vw;height: 20vw;background: url(../images/common/category-icon.png) no-repeat right top;position: absolute;right: -2vw;top: 7vw;z-index: 1;}
#event .icon01{border-radius: 30px;background: #A52A2A!important;color: #fff;font-size: 3vw;padding: 1vw;text-align: center;margin-bottom: 2vw;margin-right: 1vw;}
#event .icon01::before{ color: #FECF2E; }
#event .icon02{border-radius: 30px;background: #A87640!important;color: #fff;font-size: 3vw;padding: 1vw;text-align: center;margin-bottom: 2vw;margin-right: 1vw;}
#event .icon02::before{ color: #fff; }
#event .icon03{border-radius: 30px;background: #2C3B6B!important;color: #fff;font-size: 3vw;padding: 1vw;text-align: center;margin-bottom: 2vw;margin-right: 1vw;/* width: 50vw; */}
#event .icon04{border-radius: 30px;background: #156439!important;color: #fff;font-size: 3vw;padding: 1vw;text-align: center;margin-bottom: 2vw;margin-right: 1vw;/* width: 50vw; */}
#event .icon05{border-radius: 30px;background: #A574A7!important;color: #fff;font-size: 3vw;padding: 1vw;text-align: center;margin-bottom: 2vw;margin-right: 1vw;/* width: 50vw; */}
#event .icon03::before{ color: #C81313; }
#event .system-icon02 span.icon02-01 { background: #A52A2A; color: #fff; font-size: 3.4vw; padding: 1vw; font-weight: bold; position: absolute; top: 0; right: 6.5vw; }
#event .system-icon02 span.icon02-02 { background: #2C3B6B; color: #fff; font-size: 3.4vw; padding: 1vw; font-weight: bold; position: absolute; top: 0; right: 6.5vw; }
#event .system-icon02 span.icon02-03 { background: #5D8EAE; color: #fff; font-size: 3.4vw; padding: 1vw; font-weight: bold; position: absolute; top: 0; right: 6.5vw; }
#event .system-icon02 span.icon02-04 { background: #156439; color: #fff; font-size: 3.4vw; padding: 1vw; font-weight: bold; position: absolute; top: 0; right: 6.5vw; }
#event .system-icon02 span.icon02-05 { background: #ccc; font-size: 3.4vw; padding: 1vw; font-weight: bold; position: absolute; top: 0; right: 0;}
#event .system-icon03 span.icon02-01 { background: #A52A2A; color: #fff; font-size: 3.4vw; padding: 2vw; font-weight: bold;width: 21vw;text-align: center; position: absolute; top: 0; right: 0; }
#event .system-icon03 span.icon02-02 {background: #2C3B6B;color: #fff;font-size: 3.4vw;padding: 2vw;font-weight: bold;width: 21vw;text-align: center;position: absolute;top: 0;right: 0;}
#event .system-icon03 span.icon02-03 { background: #5D8EAE; color: #fff; font-size: 3.4vw; padding: 2vw; font-weight: bold;width: 21vw;text-align: center; position: absolute; top: 0; right: 0; }
#event .system-icon03 span.icon02-04 { background: #156439; color: #fff; font-size: 3.4vw; padding: 2vw; font-weight: bold;width: 21vw;text-align: center; position: absolute; top: 0; right: 0; }
#event .system-icon03 span.icon02-05 { background: #ccc; font-size: 3.4vw; padding: 1vw; font-weight: bold;width: 30vw;text-align: center; position: absolute; top: 0; right: 0;}

#event .slider-3mai-Box2 { position: relative; width: 100%; }
#event .slider-3mai-Box2 .slider-3mai { position: relative; left: 45%; width: 90%; margin-left: -40%; }
#event .slider-3mai-Box2 .slider-3mai li { width: 85vw!important; position: relative; }
#event .slider-3mai-Box2 .slider-3mai li .contentArea{ padding: 0 10vw; position: relative; left: -2.5vw; }
#event .slider-3mai-Box2 .bx-wrapper .bx-viewport{ height: auto!important; }
#event .slider-3mai-Box2 .bx-wrapper .bx-controls-direction a { position: absolute; top: 44%; outline: 0; width: 50px; height: 100px; text-indent: -9999px; z-index: 10; }
#event .slider-3mai-Box2 .bx-wrapper .bx-prev { left: -5%; background-image: url(../images/index/bx-l.jpg); background-position: 0 0; background-size: 60%}
#event .slider-3mai-Box2 .bx-wrapper .bx-next { right: -11%; background-image: url(../images/index/bx-r.jpg); background-position: 0 0; background-size: 60%}





#topics{padding-bottom: 4vw;border: 3px solid #0D6533;position: relative;padding-bottom: 3vw;}
#topics h2{ font-size: 4.2vw; font-weight: bold; color: #fff; letter-spacing: 0.242vw; padding: 3vw; background-color: #0D6533;; }
#topics .btn{margin: 0 3vw 6vw;}
#topics .system-list{margin: 6vw 4vw 12vw;height: 54vw;}
#topics .system-list li{ width: 100%; overflow: hidden; background: #fff; position: relative; border-bottom: 1px dotted #ccc; margin-bottom: 3vw; padding-bottom: 3vw; }
#topics .system-list li a:hover{ text-decoration: none; }
#topics .system-date{font-size: 3.4vw;margin-bottom: 2vw;color: #0D6533;font-weight: bold;}
#topics .system-ttl{ width: 100%; font-size: 3.6vw; line-height: 1.4; }

#con02{width: 100%;margin: 0 auto 12vw;background: url(../images/index/sp-con02-bg01.jpg) no-repeat center top 35vw;background-size: 100% auto;}
#con02 .inner-Box{margin: 0 auto;padding: 10vw 5vw 0;position: relative;}
#con02 .icon{position: absolute;top: 12vw;left: 25px;width: 10%;}
#con02 .txt{font-size: 4vw;font-weight: 700;letter-spacing: 0.242vw;margin-bottom: 1vw;text-align: center;}
#con02 .ttl{font-size: 4.8vw;font-weight: 700;letter-spacing: 0.242vw;margin-bottom: 61vw;text-align: center;}
#con02 .box1{margin: 7vw 2vw 7vw;padding: 2vw;background-color: #fff;border-bottom: 1px dotted #1C1C1C;position: relative;overflow: hidden;}
#con02 .box1 .pic{float: left;width: 37%;margin-right: 4%;margin-bottom: 4vw;}
#con02 .box1 .ttl1{width: 59%;float: left;padding-top: 4vw;font-size: 4vw;font-weight: 700;margin-bottom: 2vw;}
#con02 .box1 .ttl1 span{ font-size:3.6vw; display:block; line-height:1; }
#con02 .box1 .txt{width: 59%;float: left;font-size: 3.4vw;font-weight: 500;text-align: left;margin-bottom: 8vw;}
#con02 .box1 .list{width: 100%;}
#con02 .box1 .list li{width: 50%;float: left;padding-bottom: 5vw;}

#con03{width: 100%;margin: 0 auto 4vw;background: url(../images/index/sp-con03-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#con03 .inner-Box{padding: 16vw 3vw 17vw;}
#con03 .ttl{font-size: 4.6vw;letter-spacing: 2vw;text-align: center;color: #fff;margin-bottom: 4vw;}
#con03 .ttl .aa{font-size: 6.3vw;letter-spacing: 0.242vw;line-height: 1.5;display: inline-block;padding-top: 3vw;}
#con03 .ttl .bb{ letter-spacing: 1vw; }
#con03 .txt{font-size: 4vw;letter-spacing: 0.8vw;color: #FECF2E;text-align: center;margin-bottom: 9vw;}
#con03 .list{margin: 0 auto 11vw;display: flex;justify-content: space-between;}
#con03 .list li{width: 24%;margin: 0 auto;}
#con03 .btn{ width: 90%; margin: 0 auto; }

#con04{width: 100%;margin: 0 0 5vw;padding: 0 1vw;}
#con04 .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; }
#con04 .list li{ width: 49%; margin-right: 2%; margin-bottom: 4%; }
#con04 .list li img{ width: 100%; }
#con04 .list li:nth-child(2n){ margin-right: 0px; }
#con04 .list li .txt-box{width: 91%;margin: -6vw auto 0;letter-spacing: 0.242vw;background-color: #fff;padding: 3vw 0;position: relative;z-index: 99;}
#con04 .list li .txt-box h3{font-size: 4vw;font-weight: 700;margin-bottom: 3vw;line-height: 1.2;text-align: center;}
#con04 .list li .txt-box p{font-size: 3.4vw;font-weight: 400;text-decoration: underline;}

.bg-area2{width: 100%;margin: 0 auto;background: url(../images/index/sp-bg-area02.jpg) no-repeat center top;background-size: 106% auto;}

#case{margin: 0 auto 1vw;padding: 19vw 0 8vw;}
#case h2{text-align: center;font-size: 6vw;font-weight: bold;letter-spacing: 0.242vw;margin-bottom: 8vw;}
#case h2.t-mb{ margin-top: 9vw; margin-bottom: 3vw; }
#case .txt{text-align: center;font-size: 3.8vw;font-weight: bold;letter-spacing: 0.242vw;line-height: 1.4;}
#case .icon1{position:absolute;top:-1vw;left:5vw;width:14vw;}

#case .icon2{position: absolute;top: -1.7vw;right: 2vw;width: 18%;}
#case .btn-box{text-align: center;padding: 0 12vw;}
#case .btn-box .btn1{ margin-bottom: 5vw; }
#case .inner-Box{width: 100%;margin: 0 auto;position: relative;padding: 0 3vw;}
#case .system-list{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;/* display: none; */}
#case .system-list li{width: 48%;margin-right: 4%;background: #fff;position: relative;margin-bottom: 4vw; padding-bottom: 2vw;}
#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-list1{margin-bottom: 0vw; 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;/* display: none; */}
#case .system-list1 li.system-li{width: 48%;margin-right: 4%;background: #fff;position: relative;margin-bottom: 4vw; padding-bottom: 2vw;}
#case .system-list1 li.system-li:nth-child(2n){ margin-right: 0;}
#case .system-list1 li.system-li:nth-child(n+5){ display: none;}
#case .system-list1 li.system-li a:hover{ text-decoration: none; }

#case .system-pic{width: 100%;overflow: hidden;text-align: center;margin-bottom: 2vw;}
#case .system-pic img{ width: 100%; height: 32vw; }

#case .system-list1 li.slider-li .system-pic{width: 100%;overflow: hidden;text-align: center;margin-bottom: 2vw;}
#case .system-list1 li.slider-li .system-pic img{ width: 100%; height: 32vw; }

#case .system-date{font-size: 3.4vw;margin-bottom: 2vw;line-height: 1.4;padding: 1vw 2vw;}
#case .system-ttl-01{font-size: 3.6vw;line-height: 1.4;text-align: left;padding: 0 2vw;font-weight: 500;margin-bottom: 4vw;text-decoration: underline;}
#case .system-category-set { margin-bottom: 2vw; margin-top: -2vw;}
#case .system-category{margin-bottom: 1vw;font-size: 3vw;font-weight: bold;color: #fff;text-align: center;padding: 1vw;background-color: #ccc;}
#case .serchcategory{ margin-bottom: 10vw;}
#case .serchcategory .icon { display: inline-block; margin-bottom: 2vw; font-size: 3.4vw; font-weight: bold; color: #fff; text-align: center; padding: 2vw 3vw; }
#case .system-category1{margin-bottom: vw; font-size: 3.6vw; font-weight: bold; color: #fff; text-align: center; padding: 2vw 3vw; background-color: #ccc; position: relative;}
#case .serchcategory1{ margin-top: 8vw; margin-bottom: 3vw; position: relative; top: -5vw;}
#case .serchcategory1 .icon {min-width: 24vw; display: inline-block; margin-bottom: 2vw; margin-right: 3vw; font-size: 3.8vw; font-weight: bold; text-align: center; padding: 2vw; position: relative; color: #fff; }
#case .serchcategory1 .icon:after{ content: ""; width: 8vw; height: 8vw; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -2vw; top: 4vw; z-index: 1}
#case .icon01{ background: #0D6533; }
#case .icon02{ background: #5D8EAE; }
#case .icon03{ background: #A52A2A; }
#case .icon04{ background: #2C3B6B; }
#case .icon05{ background: #A574A7; }
#case .icon06{ background: #949494; }
#case .icon07{ background: #1F846F; }
#case .icon08{ background: #D66E04; }
#case .icon09{ background: #A87640; }
#case .icon10{ background: #C2B478; }
#case .icon11{ background: #ac9600; }
#case .icon12{ background: #a65683; }
#case .icon13{ background: #097464; }
#case .icon14{ background: #9a2d49; }
#case .system-category-set2{ padding: 0 0.5vw; }
#case .system-category2{ display: inline-block; font-size: 3.2vw; color: #696868; padding: 0.6vw 1.6vw; margin-bottom: 1vw; border-radius: 40px; border: 1px solid #ccc; }
#case .system-category2::before{ content: '# '; }  

#customer{margin: 0vw 5vw 6vw;padding: 17vw 0 16vw;background: #fff;}
#customer h2{width: 25%;position: absolute;top: -5vw;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}
#customer .btn{padding: 0 5vw;}
#customer .inner-Box{ margin: 0 auto; position: relative; }
#customer .system-list{margin-bottom: 3vw;padding-top: 37vw;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;}
#customer .system-list li{width: 100%;background: #fff;position: relative;margin-bottom: 3vw;padding: 4% 4% 0;border-bottom: 1px dotted;}
#customer .system-list li a:hover{ text-decoration: none; }
#customer .system-pic{width: 42%;height: 33vw;margin-bottom: 3vw;float: left;text-align: center;margin-right: 3vw;}
#customer .system-pic img{width: 100%;height: 33vw;}
#customer .system-customer{font-size: 3.4vw;margin-bottom: 3vw;line-height: 1.4;padding-top: 6vw;}
#customer .system-ttl-01{font-size: 3.6vw;margin-bottom: 4vw;line-height: 1.4;text-decoration: underline;}
#customer .system-category{ margin-bottom: 2vw; font-size: 3.4vw; font-weight: bold; color: #fff; text-align: center; padding: 1vw; background-color: rgba(35, 24, 21, 0.7);}
  
#con05{width: 100%;padding: 11vw 0 14vw;margin: 0 auto 4vw;background: url(../images/index/sp-con05-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#con05 .inner-Box{ position: relative; padding: 0 5vw; }
#con05 .ttl{ margin-left: 1vw; margin-bottom: 4vw; }
#con05 .ttl1{ position: absolute; top: -1vw; right: 2vw; }
#con05 .list{margin: 0 auto 7vw;padding: 4vw 5vw;background-color: #735E42;border: 1px solid #fff;}
#con05 .list li{ width: 100%; margin-bottom: 8vw; } 
#con05 .list li p{text-align: center;color: #fff;font-size: 4.2vw;font-weight: 400;margin-bottom: 1vw;} 
#con05 .pic{/* padding: 0 5vw; */}
 
.bg-area3{width: 100%;margin: 0 auto;background: url(../images/index/sp-bg-area04.png) no-repeat center top,
  url(../images/index/sp-bg-area03.jpg) no-repeat center bottom;background-size:contain;}

#con06{width: 100%;padding: 8vw 0;margin: 0 auto 35vw;}
#con06 .inner-Box{ margin: 0 auto; position: relative; }
#con06 .inner-Box .txt-area{ position: relative; top: 1vw; left: 3vw; }
#con06 .inner-Box .txt-area .txt{ color: #FFDE64; font-size: 3.4vw; padding-top: 4.2vw; padding-left: 1vw; letter-spacing: 0.242vw; margin-bottom: 3vw; }
#con06 .inner-Box .txt-area .txt1{ color: #fff; font-size: 5.4vw; letter-spacing: 0.242vw; line-height: 1.8; margin-bottom: 3vw; }
#con06 .inner-Box .txt-area .txt2{color: #fff;font-size: 3.6vw;letter-spacing: 0.242vw;position: relative;left: 1vw;}
#con06 .inner-Box .btn-area{/* padding-left: 5vw; */padding: 5vw 8vw 5vw 5vw;}
#con06 .inner-Box .btn-area .btn{ margin-bottom: 1vw; }
#con06 .inner-Box .pic{position: absolute;top: 15vw;right: 1vw;width: 33%;}

#con07{padding-top: 0vw;position: relative;padding: 0 5vw 12vw;}
#con07 .txt{color: #fff;font-size: 4.4vw;font-weight: bold;line-height: 1.8;letter-spacing: 0.242vw;margin-bottom: 1vw;}
#con07 .ttl{font-size: 5.5vw;letter-spacing: 0.242vw;line-height: 1.4;margin-bottom: 5vw;}
#con07 .ttl span{display: inline-block;background-color: #fff;padding: 0px 1vw;margin-bottom: 1.5vw;}
#con07 .icon{width: 71%;margin: 0 auto 6vw;}

#con08{width: 100%;margin: 0 auto 15vw;background: url(../images/index/sp-con08-bg01.jpg) no-repeat center top,url(../images/index/sp-con08-bg02.png) no-repeat center bottom,#F1F1E8;background-size: 100% auto;}
#con08 .inner-Box{margin: 0 auto;padding: 14vw 5vw 30vw;}
#con08 .ttl{margin: 0 auto 11vw;}
#con08 .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; }
#con08 .system-list .over { position: absolute; top: 0; left: 0; }
#con08 .system-list li{line-height: 1.4;width: 63%;position: relative;margin: 0 auto 8vw;}
#con08 .system-list li:nth-child(n+4){ display: none;}
#con08 .system-list li a:hover{ text-decoration: none; }
#con08 .system-pic{width: 100%;height: 49vw;margin-bottom: 3vw;overflow: hidden;text-align: center;}
#con08 .system-pic img{width: 100%;height: 49vw;}
#con08 .system-job{ text-align: center; font-size: 3.6vw; margin-bottom: 2vw; line-height: 1.4; }
#con08 .system-name{text-align: center;font-size: 5.8vw;line-height: 1.4;font-weight: bold;margin-top: 4vw;margin-bottom: 2vw;}
#con08 .love-box{position: absolute;top: -7vw;left: -13vw;z-index: 10;}
#con08 .love-box .rel-box{width: 25vw;height: 25vw;background-color: #f7ca00;position: relative;padding: 8vw 3vw;border-radius: 50%;line-height: 1.65;font-weight: 700;}
#con08 .love-box .deco{ position: absolute; bottom: -.25vw; right: 1.5vw; }
#con08 .love-box .word{ font-size: 3.6vw; line-height: 1.5; }
#con08 .btn{ margin: 0vw auto 0; }

.box1{ margin: 0 auto 10vw; overflow: hidden; }

#blog{ margin: 0 5vw 4vw; padding: 3vw 3vw 3vw 0; border: 1px solid; position: relative; }
#blog .ttl{font-size: 5vw;text-align: left;letter-spacing: 0.242vw;line-height: 1.6;margin-bottom: 3vw;margin-left: 9vw;}
#blog .line{width: 10vw;/* margin: 0 auto; */margin-left: 9vw;border-bottom: 2px solid;margin-bottom: 2vw;text-align: left;}
#blog .btn{position: absolute;top: 3.5vw;right: 3.5vw;}
#blog .btn a{font-weight: bold;font-size: 3.6vw;}
#blog .btn a::after{content: '';display: inline-block;width: 4vw;height: 4vw;margin-left: 1.3vw;background-image: url(../images/index/voice-icon01.png);background-repeat: no-repeat;background-size: contain;vertical-align: middle;}


.bnr-box{ padding: 0 5vw; }
.bnr-box .list li{ margin-bottom: 2vw; }
.bnr-box .list li:nth-child(2){ margin-bottom: 5vw; }
.bnr-box .list li .txt{float: left;width: 45%;}
.bnr-box .list li .icon1{float: left;margin-left: 7vw;margin-right: 9vw;position: relative;top: 3.8vw;width: 7%;}
.bnr-box .list li .icon2{float: left;margin-right: 9vw;position: relative;top: 3.6vw;width: 7%;}
.bnr-box .list li .icon3{float: left;position: relative;top: 3.3vw;width: 8%;}

.seo-text{margin: 0 auto 15vw;padding: 0 5vw;}
.seo-text .txt{font-size: 3.4vw;line-height: 1.7;letter-spacing: 0.242vw;color: #3E3A39;}
 




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

@media screen and (min-width: 1000px) and (max-width: 1380px){
.main-sk th{width: 680px;vertical-align: top;text-align: left;position: relative;}
.main-sk th .logo-m{text-align: center;margin-top: 6vw;margin-bottom:4vw;position: relative;right: 7px;}
.main-sk th .logo-m img{max-width: 491px;width: 85%;padding-top: 30px;}
.main-sk th .list{ max-width: 370px; width: 100%; margin-left: auto; margin-right: 1.4vw; margin-bottom: 0.9vw; overflow: hidden; }
.main-sk th .list li{ float: left; margin-right: 0.2vw; width: 100%; max-width: 180px; }
.main-sk th .list li:nth-child(2){ margin-right: 0; }
.main-sk th .list li img{ width: 100%; }
.main-sk th .pic{ width: 100%; max-width: 280px; margin-left: auto; margin-right: 5.7vw; }
.main-sk th .pic img{ width: 100%; }
}

@media screen and (min-width: 1000px) and (max-width: 1400px){
#con05 .list{/* width: 100%; */width: 1200px;margin: 0 auto 67px;padding: 35px 20px;background-color: #735E42;display: flex;justify-content: space-between;border: 1px solid #fff;}
#con05 .list li{ width: 380px; } 
#con05 .list li img{ width: 100%; } 
#con05 .list li p{ text-align: center; color: #fff; font-size: 22px; font-weight: 700; margin-bottom: 3px; } 

#con07{ width: 1200px; margin: 0 auto; padding-top: 280px; position: relative; }
#con07 .inner-Box{position: relative;top: 70px;left: -10px;}
#con07 .txt{color: #fff;font-size: 28px;font-weight: bold;line-height: 75px;letter-spacing: 1.5px;margin-bottom: 3px;}
#con07 .ttl{font-size: 45px;letter-spacing: 1px;line-height: 71px;margin-bottom: 34px;}
#con07 .ttl span{display: inline-block;background-color: #fff;padding: 0px 17px;letter-spacing: 2.5px;margin-bottom: 10px;}
#con07 .icon{position: absolute;bottom: 0px;right: 34px;}
}

@media screen and (min-width: 1000px) and (max-width: 1480px){
.main-sk th .logo-m img{max-width: 491px;width: 85%;padding-top: 30px;}
}
/* TOP のブログ枠（移設で足した・2026-11-10）
   現行は旧 /blog/ の WordPress の /blog/topblog/ を iframe（高さ340px）で出していた。その中身を functions/taga-blog.php の tg_top_blog() で直接出す。
   .blogframe が旧 iframe、.blogframe-in が旧 iframe の中の body（旧は body が幅100%＋左右の余白10pxで右にはみ出し、はみ出しは隠れていた。中身はその幅で中央に寄る）。旧 iframe の中は幅が 768px 未満なので、いつもスマホ用の CSS（vw）が効いていた。
   その vw（iframe の幅の1%）を、PC は iframe の幅 520px から px に、スマホは iframe の幅（87vw - 2px）から calc にした。値は旧テーマ page-topblog.php・page-blog.css・common.css のまま */
#blog .blogframe{ display: inline-block; width: 100%; height: 340px; overflow-x: hidden; overflow-y: auto; vertical-align: baseline; }
#blog .blogframe-in{ box-sizing: border-box; width: calc(100% + 20px); margin: 0; padding: 20px 10px; font-family: sans-serif; font-size: 16px; line-height: 1.6; font-weight: normal; letter-spacing: normal; text-align: left; color: #000; }
#blog .blogframe .system-list{ margin: 0 auto; }
#blog .blogframe .system-pic{ height: auto; overflow: hidden; text-align: center; float: left; }
#blog .blogframe .system-pic img{ max-width: 100%; vertical-align: bottom; object-fit: cover; }
#blog .blogframe .system-txt{ float: left; }
#blog .blogframe .flex-001{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#blog .blogframe .ds-wp-list{ margin-bottom: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#blog .blogframe .ds-wp-list li{ display: inline-block; border-radius: 20px; background-color: #F1F1E8; color: #000; padding: 4px 11px 3px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.8px; line-height: 1.65; margin-right: 5px; margin-bottom: 5px; }
#blog .blogframe .ds-wp-list li.site_blog{ background-color: #006533; color: #fff; }
#blog .blogframe .ds-wp-list li.staff_blog{ background-color: #A87640; color: #fff; }
#blog .blogframe .ds-wp-list li.president_blog{ background-color: #212121; color: #fff; }
#blog .blogframe .system-date{ color: #000000; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; }
#blog .blogframe .system-ttl{ width: 80%; font-size: 14px; line-height: 1.4; font-weight: normal; letter-spacing: normal; }
@media screen and (min-width: 768px),print {
#blog .blogframe{ position: relative; right: 33px; }
#blog .blogframe .system-list{ width: 452.18px; }
#blog .blogframe .system-list > li{ margin-bottom: 25.12px; }
#blog .blogframe .system-pic{ width: 86.67px; margin-right: 14.446px; }
#blog .blogframe .system-pic img{ height: 79.13px; }
#blog .blogframe .system-txt{ width: 351.06px; }
#blog .blogframe .system-date{ font-size: 17.586px; letter-spacing: 0.8788px; line-height: 18.84px; padding-top: 6.76px; }
}
@media screen and (max-width: 767px) {
#blog .blogframe .system-list{ width: calc((87vw - 2px) * 0.86957); }
#blog .blogframe .system-list > li{ margin-bottom: calc((87vw - 2px) * 0.04831); }
#blog .blogframe .system-pic{ width: calc((87vw - 2px) * 0.16667); margin-right: calc((87vw - 2px) * 0.02778); }
#blog .blogframe .system-pic img{ height: calc((87vw - 2px) * 0.15217); }
#blog .blogframe .system-txt{ width: calc((87vw - 2px) * 0.67512); }
#blog .blogframe .system-date{ font-size: calc((87vw - 2px) * 0.03382); letter-spacing: calc((87vw - 2px) * 0.00169); line-height: calc((87vw - 2px) * 0.03623); padding-top: calc((87vw - 2px) * 0.013); }
}