@charset "UTF-8";
@media screen and (min-width: 768px),print {  
body{ background: url(../images/index/body-back01.png)no-repeat top center; background-attachment: fixed; background-size: cover;}
header{ height: 100px;}
.side-fix { display: none;}
.sliderArea {height: 870px;background: url(../images/index/sra-01.png) repeat-x top center #E6E6E6;animation: slide 180s linear infinite; /* アニメーションを設定 */}
@keyframes slide { from { background-position: 0 0; /* 右側の開始位置 */ } to { background-position: -4850px 0; /* 左側の終了位置 */ } }  
.sliderArea .inbox{max-width: 1660px;width: 100%;min-width: 1280px;margin: 0 auto;padding: 440px 30px 0 30px;}

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots {position: absolute;bottom: -30px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: right;}
.slick-dots li {position: relative;display: inline-block;width: 70px;height: 4px;margin: 0px 0px 0 10px;padding: 0;cursor: pointer;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 70px;height: 4px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #fff;}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 70px;height: 4px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before { opacity: .75; background: black; }


#contents01 {margin: 0 auto;position: relative;background: url(../images/index/contents01-back01.png)no-repeat top center;padding: 70px 0 53px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;background: #FFFFFF;padding: 0 0px;max-width: 1600px;width: 100%;top: -70px;}
#contents01 .inner-Box h2.f-robo {font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 19px;position: relative;top: -6px;left: 4px;}
#contents01 .inner-Box h2.f-robo span{  }
#contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 10px;right: -33px;}
#contents01 .inner-Box p.dlbtn {font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0px;position: absolute;top: 108px;right: 40px;border-bottom: 2px solid #1A1E1F;padding: 1px 4px 3px;}
#contents01 .inbox{width: 1200px;margin: 0 auto;padding: 103px 0 18px 0;position: relative;}
#information .system-list{margin-bottom: 50px;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;}

#information .system-list li{line-height: 1.4;width: 22.5%;margin-right: 3.3%;background: #fff;position: relative;margin-bottom: 20px;}
#information .system-list li:nth-child(4n){ margin-right: 0}
#information .system-list li a:hover{ text-decoration: none; }

#information .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%;}
#information .system-list .btn::after { content: ' >';}
#information .system-pic{width: 100%;height: 190px;overflow: hidden;text-align: center;margin-bottom: 15px;}
#information .system-pic img{width: 100%;height: 190px;}
#information .system-date{font-size: 13px;margin-bottom: 10px;line-height: 1.4;letter-spacing: 0;color: #999999;}
#information .system-date::before{}
#information .system-name{ font-size: 0.813em; margin-bottom: 10px; line-height: 1.4; }
#information .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#information .system-ttl-01{font-size: 16px;margin-bottom: 20px;line-height: 25px;letter-spacing: 0;font-weight: bold;}
#information .system-category-set {margin-bottom: 14px;margin-top: -15px;}
#information .system-category{margin-bottom: 1px;font-size: 14px;font-weight: 500;color: #fff;text-align: center;padding: 10px;background-color: #1A1E1F!important;}
#information .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}

#contents02 {margin: 0 auto;position: relative;text-align: center;padding-bottom: 190px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 36px 0 0;}
#contents02 .inner-Box h2 {position: relative;left: -6px;margin-bottom: 56px;}
#contents02 .inner-Box h2 img{  }
#contents02 .inner-Box p.btn{  }
#contents02 .inner-Box p.btn img{  }


#contents03 {margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;padding-bottom: 362px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;text-align: center;width: 1200px;padding: 300px 0 0;}
#contents03 .inner-Box span img{ width: 100%; height: auto;}
#contents03 .inner-Box span.icon01 {position: absolute;top: 229px;left: -3px;display: block;line-height: 1;width: 42px;}
#contents03 .inner-Box span.icon02 {position: absolute;top: 183px;left: 131px;display: block;line-height: 1;width: 42px;}
#contents03 .inner-Box span.icon03 {position: absolute;top: 200px;left: 238px;display: block;line-height: 1;width: 42px;}
#contents03 .inner-Box span.icon04 {position: absolute;top: 191px;left: 736px;display: block;line-height: 1;width: 42px;}
#contents03 .inner-Box span.icon05 {position: absolute;top: 166px;left: 885px;display: block;line-height: 1;width: 42px;}
#contents03 .inner-Box span.icon06 {position: absolute;top: 608px;right: -161px;display: block;line-height: 1;}
#contents03 .inner-Box h2 {  }
#contents03 .inner-Box h2 img{  }

/* 点滅 */
.blinking{
-webkit-animation:blink 1.5s ease-in-out infinite alternate;
  -moz-animation:blink 1.5s ease-in-out infinite alternate;
  animation:blink 1.5s ease-in-out infinite alternate;
}
.blinking2{
-webkit-animation:blink 1s ease-in-out infinite alternate;
  -moz-animation:blink 1.5s ease-in-out infinite alternate;
  animation:blink 1s ease-in-out infinite alternate;
}
.blinking3{
-webkit-animation:blink 1.5s ease-in-out infinite alternate;
  -moz-animation:blink 1s ease-in-out infinite alternate;
  animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}


#contents04 {margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')repeat-x top 1040px center #E6E6E6;animation: slide2 180s linear infinite; /* アニメーションを設定 */}
@keyframes slide2 { from { background-position: 0 1040px; /* 右側の開始位置 */ } to { background-position: -2051px 1040px; /* 左側の終了位置 */ } }  

#contents04 .inner-Box {margin: 0 auto;position: relative;max-width: 1660px; width: 100%; padding: 160px 30px 360px 30px;}
#contents04 .inner-Box h2 {margin-bottom: -35px;position: relative;z-index: 5;}
#contents04 .inner-Box h2 img{  }
#contents04 .inner-Box ul.full-screen {position: absolute;top: -140px;left: 50%;margin-left: -320px;z-index: 3;width: 1120px;height: 800px;}
#contents04 .inner-Box ul li{ position: relative; }
#contents04 .inner-Box figure{  }
#contents04 .inBox {position: relative;background: #E6E6E6;width: 760px;height: 640px;padding: 80px 0 0;z-index: 4;}
#contents04 .inBox p.text {font-size: 16px;line-height: 38px;font-weight: 700;letter-spacing: 0px;margin-bottom: 38px;}

#contents04 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 20px;right: 16px;}
#contents04 .inner-Box p.dlbtn a{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0px;border-bottom: 2px solid #1A1E1F;display: block;width: 320px;background: #fff;padding: 16px 13px 15px 24px;margin-top: 60px;position: relative;}
#contents04 .inner-Box p.dlbtn1 a{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0px;border-bottom: 2px solid #1A1E1F;display: block;width: 320px;background: #fff;padding: 16px 13px 15px 24px;margin-top: 17px;position: relative;}

#contents05 {margin: 0 auto;position: relative;padding-bottom: 160px;}
#contents05 .inner-Box1 {margin: 0 auto;position: relative;width: 1268px;padding: 159px 0 222px;}
#contents05 .inner-Box1 h2 {  }
#contents05 .inner-Box1 h2 img{  }
#contents05 .inner-Box1 p.text1 {font-size: 16px;line-height: 38px;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;color: #fff;width: 600px;position: absolute;top: 204px;right: 34px;}
#contents05 .inner-Box2 {margin: 0 auto;position: relative;padding: 0 30px;max-width: 1660px;}
#contents05 .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents05 .inner-Box2 ul li {width: 25%;}
#contents05 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contents05 .inner-Box2 ul li figure img{ width: 100%; height: auto; }
#contents05 .inner-Box2 figure.img {position: absolute;bottom: -116px;left: 50%;transform: translateX(-50%);}
#contents05 .inner-Box1 span.arr {display: block;line-height: 1;position: absolute;top: 20px;right: 16px;}
#contents05 .inner-Box1 p.dlbtn a{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0px;border-bottom: 2px solid #1A1E1F;display: block;width: 320px;background: #fff;padding: 16px 13px 15px 24px;position: absolute;top: 360px;right: 314px;}

#contents06 {margin: 0 auto;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top center;padding-bottom: 179px;}
#contents06 .inner-Box { margin: 0 auto; position: relative; }
#contents06 .inner-Box .inBox1{width: 1200px;text-align: center;margin: 0 auto;padding: 160px 0 0;}
#contents06 .inner-Box h2 {margin-bottom: 50px;}
#contents06 .inner-Box h2 img{  }
#contents06 .inner-Box .inBox2{width: 1209px;margin: 0 auto;position: relative;}

#contents06 .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;}
#contents06 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 20px;right: 16px;}
#contents06 .inner-Box p.dlbtn a{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0px;border-bottom: 2px solid #1A1E1F;display: block;width: 320px;background: #fff;padding: 16px 13px 15px 24px;position: absolute;top: 0;right: 0;}

#staff .system-list{width: 1000px;margin: 0 auto 19px;overflow: hidden;}
#staff .system-list li{line-height: 1.4;width: 260px;margin-right: 90px;position: relative;margin-bottom: 20px;}
#staff .system-list li a:hover{ text-decoration: none; }
#staff .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 10px; left: 13px; width: 90%; padding: 5% 0%;}
#staff .system-list .btn::after { content: ' >';}
#staff .system-pic{margin-bottom: 15px;overflow: hidden;text-align: center;width: 240px;height: 240px;border-radius: 170px;border: 2px solid #1A1E1F;margin: 0 auto;margin-bottom: -61px;}
#staff .system-pic img{width: 100%;height: 240px;}
#staff .system-job{letter-spacing: 0px;font-size: 14px;margin-bottom: 10px;line-height: 1.4;position: relative;left: -10px;color: #fff;}
#staff .system-job span{background: #1A1E1F;display: inline-block;padding: 5px 15px;}
#staff .system-name span{background: #1A1E1F;display: inline-block;padding: 7px 19px;}
#staff .system-name{font-size: 18px;margin-bottom: 4px;line-height: 1.4;font-weight: bold;position: relative;left: -10px;color: #fff;}
#staff .system-kana{font-size: 12px;margin-bottom: 15px;line-height: 1.4;letter-spacing: 0;position: relative;left: -10px;}
#staff .system-kana span{display: inline-block;border: 1px solid #E6E6E6;border-radius: 32px;background: #fff;padding: 1px 12px;/* display: -webkit-box; *//* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 1; *//* overflow: hidden; */line-height: 1.7;}

#contents07 {margin: 0 auto;position: relative;background: #E6E6E6;}
#contents07 .inner-Box {margin: 0 auto;position: relative;padding-bottom: 360px;}
#contents07 .inner-Box ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents07 .inner-Box ul li { width: 50%; }
#contents07 .inner-Box ul li:nth-child(2) { margin-right: 0px; }
#contents07 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contents07 .inner-Box h3{font-size: 20px;line-height: 34px;font-weight: 700;letter-spacing: 1px;margin-bottom: 15px;}
#contents07 .inner-Box h3 span{  }
#contents07 .inner-Box p.litext {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;}
#contents07 .inner-Box .inBox{width: 500px;height: 360px;margin-left: auto;background: #fff;position: relative;/* top: -180px; */padding: 59px 50px;margin-bottom: -180px;margin-top: -180px;}
#contents07 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 25px;right: -33px;}
#contents07 .inner-Box p.dlbtn{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0px;border-bottom: 2px solid #1A1E1F;display: block;width: 120px;background: #fff;padding: 16px 0px 3px 13px;position: absolute;bottom: 50px;right: 90px;}

#contents08 {margin: 0 auto;position: relative;background: #E6E6E6;padding: 17px 0 199px;}
#contents08 .inner-Box1 {margin: 0 auto 34px;position: relative;width: 1180px;text-align: center;}
#contents08 .inner-Box1 h2 {margin-bottom: 40px;}
#contents08 .inner-Box1 h2 img{  }
#contents08 .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: 20px;}
#contents08 .inner-Box1 ul li{position: relative;margin-right: 20px;}
#contents08 .inner-Box1 ul li:nth-child(4n){ margin-right: 0px; }
#contents08 .inner-Box1 figure.img {position: relative;top: 0;left: 0;}
#contents08 .inner-Box2 {margin: 0 auto 124px;position: relative;background: #1A1E1F;width: 1180px;height: 210px;}
#contents08 .inner-Box2 h3 {position: absolute;top: 46px;left: 129px;}
#contents08 .inner-Box2 h3 img{  }
#contents08 .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 48px 0 0 464px;}
#contents08 .inner-Box2 ul li{position: relative;width: 41.2%;}
#contents08 .inner-Box2 ul li:nth-child(2n){ margin-right: 0px; }
#contents08 .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 1px;left: -38px;}
#contents08 .inner-Box2 p.litext {font-size: 18px;line-height: 1.6;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 15px;color: #fff;}

/* recruit -------------------------------------*/
#recruit {width: 1200px;margin: 0 auto 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;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
}
#recruit #casetax-catego{width: 100%;}
#recruit #casetax-catego2{width: 100%;}
#recruit #casetax-catego3{width: 100%;}



#recruit h2{text-align: center;font-size: 22px;font-weight: bold;letter-spacing: 1.1px;border-bottom: #1A1E1F 2px solid;padding: 0 0 13px;margin-bottom: 30px;}
#recruit .system-list{margin-bottom: 50px;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;}

#recruit .system-list li{line-height: 1.4;width: 100%;background: #fff;position: relative;margin-bottom: 29px;padding: 30px 40px 112px;border-top: #CCc 10px solid;
width: 48%;
margin-right: 4%;
}
#recruit .system-list li:nth-child(2n){ margin-right: 0}
#recruit .system-list li .inbox{width: 277px;float: left;}
#recruit .system-list li a:hover{ text-decoration: none; }


#recruit #casetax-catego .system-list .btn a{background: #DB0101;color: #fff;font-size: 16px;position: absolute;bottom: 32px;left: 40px;width: 85.6%;padding: 22px 0 15px 28px;text-align: left;font-weight: bold;}
#recruit #casetax-catego2 .system-list .btn a{background: #138CC8;color: #fff;font-size: 16px;position: absolute;bottom: 32px;left: 40px;width: 85.6%;padding: 22px 0 15px 28px;text-align: left;font-weight: bold;}
#recruit #casetax-catego3 .system-list .btn a{background: #005C89;color: #fff;font-size: 16px;position: absolute;bottom: 32px;left: 40px;width: 85.6%;padding: 22px 0 15px 28px;text-align: left;font-weight: bold;}

#recruit .system-list .btn::after {/* content: ' >'; */}
#recruit .system-list .btn span{position: absolute;right: 24px;top: 16px;}

#recruit .system-list table{width: 100%;font-size: 12px;}
#recruit .system-list table th{border: 1px solid #CCCCCC;background: #1A1E1F;color: #fff;padding: 10.7px 17px;width: 100px;}
#recruit .system-list table td{border: 1px solid #CCCCCC;padding: 10.7px 17px;}
#recruit .system-icon02 span{ font-size: 12px; border: 1px solid #CCCCCC; border-radius: 15px; display: inline-block; background: #F2F2F2; padding: 5px 26px; margin-bottom: 15px; }
#recruit .system-pic{overflow: hidden;text-align: center;margin-bottom: 20px;width: 180px;height: 130px;float: left;margin-right: 20px;}
#recruit .system-pic img{width: 180px;height: 130px;}
#recruit .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#recruit .system-date::before{ content: "■"; }
#recruit .system-name{ font-size: 0.813em; margin-bottom: 10px; line-height: 1.4; }
#recruit .system-coment{ font-size: 1em; margin-bottom: 15px; line-height: 1.4; }
#recruit .system-coment span { font-size: 1.25em; font-weight: bold;}
#recruit .system-ttl-01{ font-size: 0.813em; margin-bottom: 15px; line-height: 1.4; }
#recruit .system-category-set {margin-bottom: 15px;}
#recruit .system-category{margin-bottom: 1px;font-size: 16px;font-weight: bold;color: #fff;text-align: center;padding: 8px;background-color: #ccc;}
#recruit .serchcategory{ margin-bottom: 100px;}
#recruit .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#recruit .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}
#recruit .serchcategory1{margin-bottom: 100px;width: 750px;margin: 90px 0 0 214px;position: relative;top: -50px}
#recruit .serchcategory1 .icon {color: #fff;width: 320px;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; */}
#recruit .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}
#recruit .icon01{background: ;}
#recruit .icon02{background: ;}
#recruit .system-ttl{ font-size: 20px; font-weight: 700; }




#contents08 p.dlbtn span.arr {display: block;line-height: 1;position: absolute;top: 31px;right: 35px;}
#contents08  p.dlbtn{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0px;border-bottom: 2px solid #1A1E1F;display: block;width: 560px;background: #fff;padding: 27px 0px 25px 43px;position: relative;margin: 0 auto;}

#contnts09 {margin: 0 auto;position: relative;background: url('../images/index/contnts09-back01.png')no-repeat top center;padding: 362px 0 101px;}
#contnts09 .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contnts09 .inner-Box h2 {margin-bottom: 47px;}
#contnts09 .inner-Box h2 img{  }
#contnts09 .inner-Box p.text {font-size: 16px;line-height: 38px;font-weight: 700;letter-spacing: 0px;margin-bottom: 38px;color: #fff;}
#contnts09 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 1040px;margin: 0 auto;}
#contnts09 .inner-Box ul li {  }
#contnts09 .inner-Box ul li:nth-child(2n) {margin-right: 0px;position: relative;right: -80px;}
#contnts09 .inner-Box ul li figure{  }

#contnts09 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 20px;right: 16px;}
#contnts09 .inner-Box p.dlbtn a{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0px;border-bottom: 2px solid #1A1E1F;display: block;width: 320px;background: #fff;padding: 16px 13px 15px 24px;position: relative;margin: 57px auto 250px auto;text-align: left;}


  /* case -------------------------------------*/
  #case{ width: 100%; margin: 0 auto; padding: 80px 0 0; }
  #case .ttl{ width: 970px; margin: 0 auto; text-align: center; font-size: 36px; letter-spacing: 2px; font-weight: bold; margin-bottom: 1.6%; position: relative;border-bottom: 2px solid #000; padding-bottom: 1.2%;}
  #case .ttl1{ text-align: center; font-size: 16px; letter-spacing: 1px; font-weight: bold; margin-bottom: 55px;}
  #case .btn{ text-align: center; margin-bottom: 100px;}
  #case .btn a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 16px; text-align: center; display: inline-block; background: #000; }
  #case .btn a:hover{ background: #333; text-decoration: none; }
  #case .inner-Box{ max-width: 1920px; margin: 0 auto; background: #E6E6E6; padding: 60px 50px 0px 50px;}
  #case .in-inner-Box{ width: 100%; margin: 0 auto; background: #fff; padding: 3% 8% 5.5%;}
  #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: 23.2%; margin-right: 2.4%; background: #fff; position: relative; margin-bottom: 1.2%; }
  #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: 265px; overflow: hidden; text-align: center; margin-bottom: 15px;}
  #case .system-pic img{ width: 100%; height: 265px; }
  #case .system-date{ font-size: 12px; margin-bottom: 15px; line-height: 1.4;}
  #case .system-date::before{ content: "■"; }
  #case .system-ttl-01{ font-size: 16px; margin-bottom: 20px; line-height: 1.4; }
  #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 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 20px;right: 16px;}
  #case .inner-Box p.dlbtn a{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0px;border-bottom: 2px solid #1A1E1F;display: block;width: 320px;margin: 0 auto; background: #fff;padding: 16px 13px 15px 24px;position: relative;}



  }
  @media screen and (min-width:768px) and ( max-width:1450px) {
	
#contents04 .inner-Box ul.full-screen {position: absolute;top: -140px;left: 50%;margin-left: -220px;z-index: 3;width: 840px;height: auto;}
#contents04 .inner-Box figure img{ width: 100%; height: auto;  }
#contents05 .inner-Box2 figure.img img{width: 1200px;}
#contents07 .inner-Box .inBox{top: 80px;}

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


  header{height: 31.4vw;}
  .side-fix { display: none;}
  .sliderArea {height: 142.6vw;background: url(../images/index/sp-sra-01.png) repeat-x top center #E6E6E6;animation: slide 180s linear infinite; /* アニメーションを設定 */background-size: auto 103.86vw;}
  @keyframes slide { from { background-position: 0 0; /* 右側の開始位置 */ } to { background-position: -917.87vw 0; /* 左側の終了位置 */ } }  
  .sliderArea .inbox{margin: 0 0vw;padding: 81vw 38.3vw 0 3.7vw;}
  
  #contents01 {position: relative;background: url(../images/index/sp-contents01-back01.png)no-repeat bottom center;padding: 0vw 0 16.8vw;background-size: 100% auto;margin-bottom: -17vw;position: relative;z-index: 3;}
  #contents01 .inner-Box {position: relative;background: #FFFFFF;padding: 0 0.0vw 4.8vw;}
  #contents01 .inner-Box h2.f-robo {font-size: 6.2vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.34vw;margin-bottom: 6.4vw;position: relative;left: 0.2vw;}
  #contents01 .inner-Box h2.f-robo span{  }
  #contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 2.4vw;right: -8.0vw;width: 3.9vw;}
  #contents01 .inner-Box p.dlbtn {font-size: 3.86vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;position: absolute;top: 19vw;right: 8.7vw;border-bottom: 0.5vw solid #1A1E1F;padding: 0.2vw 1.0vw 0.7vw;}
  #contents01 .inbox{margin: 0 2.8vw;padding: 17.6vw 0 4.3vw 0;position: relative;}
  #information .system-list{margin-bottom: 0.1vw;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;}
  
  #information .system-list li{line-height: 1.4;width: 48.7%;margin-right: 2.6%;background: #fff;position: relative;margin-bottom: 4.8vw;}
  #information .system-list li:nth-child(2n){ margin-right: 0}
  #information .system-list li a:hover{ text-decoration: none; }
  #information .system-list li .system-ttl-01 span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
  
  #information .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%;}
  #information .system-list .btn::after { content: ' >';}
  #information .system-pic{width: 100%;height: 33.9vw;overflow: hidden;text-align: center;margin-bottom: 3.6vw;}
  #information .system-pic img{width: 100%;height: 45.9vw;}
  #information .system-date{font-size: 3.14vw;margin-bottom: -0.8vw;line-height: 1.4;letter-spacing: 0;color: #999999;}
  #information .system-date::before{}
  #information .system-name{ font-size: 0.813em; margin-bottom: 2.4vw; line-height: 1.4; }
  #information .system-coment{ font-size: 0.75em; margin-bottom: 1.2vw; line-height: 1.4; }
  #information .system-ttl-01{font-size: 3.86vw;margin-bottom: 4.8vw;line-height: 6.038vw;letter-spacing: 0;font-weight: bold;}
  #information .system-category-set {margin-bottom: 3.4vw;margin-top: -3.6vw;}
  #information .system-category{margin-bottom: 0.2vw;font-size: 3.4vw;font-weight: 500;color: #fff;text-align: center;padding: 2.4vw;background-color: #1A1E1F!important;}
  #information .system-category1{margin-bottom: 0.2vw; font-size: 3.9vw; font-weight: bold; color: #fff; text-align: center; padding: 2.4vw 4.8vw; background-color: #ccc; position: relative;}
  
  #contents02 {background: url(../images/index/sp-body-back01.png) no-repeat top center;padding: 30vw 4vw;background-size: 100% 100%;position: relative;text-align: center;padding-bottom: 43.2vw;}
  #contents02 .inner-Box {margin: 0 4vw;position: relative;padding: 8.7vw 0 0;}
  #contents02 .inner-Box h2 {position: relative;margin: 0 9.8vw 8.3vw 8.7vw;}
  #contents02 .inner-Box h2 img{  }
  #contents02 .inner-Box p.btn{margin: 0 -4.4vw;}
  #contents02 .inner-Box p.btn img{  }
  
  
  #contents03 {position: relative;background: url('../images/index/sp-contents03-back01.png') no-repeat top center;background-size: 100% auto;}
  #contents03 .inner-Box {margin: 0 5vw 0 4.9vw;position: relative;text-align: center;padding: 40.5vw 0 74vw;}
  #contents03 .inner-Box span img{ width: 100%; height: auto;}
  #contents03 .inner-Box span.icon01 {position: absolute;top: 25.3vw;left: 7.8vw;display: block;line-height: 1;width: 8.8vw;}
  #contents03 .inner-Box span.icon02 {position: absolute;top: 24.2vw;left: 31.6vw;display: block;line-height: 1;width: 8.3vw;}
  #contents03 .inner-Box span.icon03 {position: absolute;top: 48.3vw;left: 57.5vw;display: block;line-height: 1;display: none;}
  #contents03 .inner-Box span.icon04 {position: absolute;top: 46.1vw;left: 177.8vw;display: block;line-height: 1;display: none;}
  #contents03 .inner-Box span.icon05 {position: absolute;top: 40.1vw;left: 213.8vw;display: block;line-height: 1;display: none;}
  #contents03 .inner-Box span.icon06 {position: absolute;top: 104.9vw;right: 3.1vw;display: block;line-height: 1;width: 19.6vw;}
  #contents03 .inner-Box h2 {  }
  #contents03 .inner-Box h2 img{  }
  
  /* 点滅 */
  .blinking{
  -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
  }
  .blinking2{
  -webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
  }
  .blinking3{
  -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
  }
  @-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
  }
  @-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
  }
  @keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  
  #contents04 {position: relative;background: url('../images/index/contents04-back01.png')repeat-x top 291.2vw center #E6E6E6;animation: slide2 180s linear infinite; /* アニメーションを設定 */background-size: auto 29.71vw;}
  @keyframes slide2 { from { background-position: 0 291.2vw; /* 右側の開始位置 */ } to { background-position: -495.41vw 291.2vw; /* 左側の終了位置 */ } }  
  
  #contents04 .inner-Box {position: relative;padding-bottom: 78.3vw;}
  #contents04 .inner-Box h2 {margin: 0 25.6vw -16.7vw 3.6vw;position: relative;z-index: 5;top: -26.3vw;}
  #contents04 .inner-Box h2 img{  }
  #contents04 .inner-Box ul.full-screen {position: relative;z-index: 3;margin: 0 3.5vw;padding-bottom: 5.2vw;}
  #contents04 .inner-Box ul li{ position: relative; }
  #contents04 .inner-Box figure{}
  #contents04 .inBox {position: relative;background: #E6E6E6;height: 154.6vw;padding: 9.4vw 3.6vw 0;z-index: 4;}
  #contents04 .inBox p.text {font-size: 3.86vw;line-height: 8.21vw;font-weight: 700;letter-spacing: 0vw;margin-bottom: 8vw;}
  
  #contents04 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 4.8vw;right: 3.9vw;width: 3.8vw;}
  #contents04 .inner-Box p.dlbtn a{font-size: 3.86vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;border-bottom: 0.5vw solid #1A1E1F;display: block;background: #fff;padding: 3.9vw 3.1vw 3.6vw 5.8vw;margin: 11.5vw 7.7vw;position: relative;}
  #contents04 .inner-Box p.dlbtn1 a{font-size: 3.86vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;border-bottom: 0.5vw solid #1A1E1F;display: block;background: #fff;padding: 3.9vw 3.1vw 3.6vw 5.8vw;margin: 3.5vw 7.7vw;position: relative;}
  
  #contents05 {background: url(../images/index/sp-body-back01.png)no-repeat;background-size: cover;position: relative;padding-bottom: 34vw;}
  #contents05 .inner-Box1 {position: relative;padding: 22vw 0 14.1vw;}
  #contents05 .inner-Box1 h2 {margin: 0 8.5vw 7.1vw;}
  #contents05 .inner-Box1 h2 img{  }
  #contents05 .inner-Box1 p.text1 {font-size: 3.86vw;line-height: 8.21vw;font-weight: 700;letter-spacing: 0vw;margin: 0 5.1vw 7.2vw;color: #fff;position: relative;}
  #contents05 .inner-Box2 {margin: 0 4vw;position: relative;padding: 0;}
  #contents05 .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  #contents05 .inner-Box2 ul li {
    margin: 0 0 0.1vw;
}
  #contents05 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents05 .inner-Box2 ul li figure img{ width: 100%; height: auto; }
  #contents05 .inner-Box2 figure.img {position: relative;margin: 13.6vw 11.7vw 11.9vw 12.6vw;}
  #contents05 span.arr {display: block;line-height: 1;position: absolute;top: 5.1vw;right: 3.9vw;width: 3.7vw;}
  #contents05 p.dlbtn a{font-size: 3.6vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;border-bottom: 0.5vw solid #1A1E1F;display: block;background: #fff;padding: 4.2vw 3.1vw 3.6vw 5.7vw;position: relative;margin: 0 11.4vw;}
  
  #contents06 {position: relative;background: url('../images/index/sp-contents06-back01.png') no-repeat top center;background-size: 100% auto;padding-bottom: 33.8vw;}
  #contents06 .inner-Box {position: relative;}
  #contents06 .inner-Box .inBox1{text-align: center;margin: 0 3vw;padding: 33.5vw 0 0;}
  #contents06 .inner-Box h2 {margin-bottom: 14.8vw;}
  #contents06 .inner-Box h2 img{  }
  #contents06 .inner-Box .inBox2{margin: 0 3.6vw;}
  
  #contents06 .inner-Box p.text {font-size: 3.86vw;line-height: 7.24vw;font-weight: 700;letter-spacing: 0vw;margin-bottom: 11.2vw;}
  #contents06 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 4.8vw;right: 3.9vw;width: 4vw;}
  #contents06 .inner-Box p.dlbtn a{font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;border-bottom: 0.5vw solid #1A1E1F;display: block;background: #fff;padding: 3.9vw 3.1vw 3.6vw 5.8vw;position: relative;margin: 0 7.7vw;}
  
  #staff .system-list{margin-bottom: 10.2vw;}
  #staff .system-list li{line-height: 1.4;margin-right: 5.55vw;position: relative;margin-bottom: 4.8vw;width: 62.8vw;}
  #staff .system-list li a:hover{ text-decoration: none; }
  #staff .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 2.4vw; left: 3.1vw; width: 90%; padding: 5% 0%;}
  #staff .system-list .btn::after { content: ' >';}
  #staff .system-pic{margin-bottom: 3.6vw;overflow: hidden;text-align: center;height: 58.0vw;border-radius: 41.1vw;border: 0.5vw solid #1A1E1F;margin: 0 2.5vw;margin-bottom: -14.7vw;}
  #staff .system-pic img{width: 100%;height: 58.0vw;}
  #staff .system-job{letter-spacing: 0.3vw;font-size: 3.4vw;margin-bottom: 2.4vw;line-height: 1.4;position: relative;left: -2.4vw;color: #fff;}
  #staff .system-job span{background: #1A1E1F;display: inline-block;padding: 1.2vw 3.6vw;}
  #staff .system-name span{background: #1A1E1F;display: inline-block;padding: 1.7vw 4.6vw;}
  #staff .system-name{font-size: 4.3vw;margin-bottom: 1.0vw;line-height: 1.4;font-weight: bold;position: relative;left: -2.4vw;color: #fff;}
  #staff .system-kana{display: inline-block;border: 0.2vw solid #E6E6E6;border-radius: 7.7vw;background: #fff;padding: 0.2vw 2.9vw;font-size: 2.9vw;margin-bottom: 3.6vw;line-height: 1.4;letter-spacing: 0;position: relative;left: -2.4vw;}
  #staff .system-kana span{/* display: -webkit-box; *//* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 1; *//* overflow: hidden; */line-height: 1.7;}
  
  #contents07 {position: relative;background: #E6E6E6;}
  #contents07 .inner-Box {position: relative;}
  #contents07 .inner-Box ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  #contents07 .inner-Box ul li {}
  #contents07 .inner-Box ul li:nth-child(2) { margin-right: 0.0vw; }
  #contents07 .inner-Box ul li figure img{ width: 100%; height: auto; }
  #contents07 .inner-Box h3{font-size: 4.8vw;line-height:1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 5.3vw;margin-left: 2.9vw;}
  #contents07 .inner-Box h3 span{  }
  #contents07 .inner-Box p.litext {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin: 0 2.6vw;}
  #contents07 .inner-Box .inBox{height: 87.0vw;margin-left: auto;background: #fff;position: relative;padding: 6.4vw 2.9vw;}
  #contents07 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 6vw;right: -8.0vw;width: 3.8vw;}
  #contents07 .inner-Box p.dlbtn{font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;border-bottom: 0.5vw solid #1A1E1F;display: block;background: #fff;padding: 3.9vw 2.2vw 0.7vw 3.1vw;position: absolute;bottom: 21.9vw;right: 13.7vw;}
  
  #contents08 {position: relative;background: #E6E6E6;padding: 24.1vw 0 26.7vw;}
  #contents08 .inner-Box1 {margin: 0 auto 0.2vw;position: relative;text-align: center;}
  #contents08 .inner-Box1 h2 {margin: 0 4.1vw 7.5vw 3.5vw;}
  #contents08 .inner-Box1 h2 img{  }
  #contents08 .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 4.1vw;}
  #contents08 .inner-Box1 ul li{position: relative;margin-bottom: 4.8vw;}
  #contents08 .inner-Box1 ul li:nth-child(4n){ margin-right: 0.0vw; }
  #contents08 .inner-Box1 figure.img {position: relative;top: 0;left: 0;}
  #contents08 .inner-Box2 {margin: 0 4vw 17.9vw;position: relative;background: #1A1E1F;border-radius: 2vw;padding: 9.2vw 0 7.9vw 0;}
  #contents08 .inner-Box2 h3 { margin: 0vw 22.9vw; }
  #contents08 .inner-Box2 h3 img{  }
  #contents08 .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 8vw 8vw 0vw 16.5vw;}
  #contents08 .inner-Box2 ul li{position: relative;width: 100%;}
  #contents08 .inner-Box2 ul li:nth-child(2n){ margin-right: 0.0vw; }
  #contents08 .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 0.8vw;left: -9.2vw;width: 5.7vw;}
  #contents08 .inner-Box2 p.litext {font-size: 4.3vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 2.7vw;color: #fff;margin-right: -2vw;}
  
  /* recruit -------------------------------------*/
  #recruit {margin: 0 3.3vw 4.8vw;}
  #recruit #casetax-catego{}
  #recruit #casetax-catego2{position: relative;margin-bottom: -9.2vw;}
  #recruit h2{text-align: center;font-size: 5.3vw;font-weight: bold;letter-spacing: 0.3vw;border-bottom: #1A1E1F 0.5vw solid;padding: 0 0 4.1vw;margin-bottom: 4.9vw;}
  #recruit .system-list{margin-bottom: 12.1vw;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;}
  #recruit .system-list li{line-height: 1.4;width: 100%;background: #fff;position: relative;margin-bottom: 7.0vw;padding: 4.8vw 2.4vw 25.1vw;border-top: #CCc 2.4vw solid;}
  #recruit .system-list li:nth-child(2n){ margin-right: 0}
  #recruit .system-list li .inbox{ }
  #recruit .system-list li a:hover{ text-decoration: none; }
  #recruit #casetax-catego .system-list .btn a{background: #DB0101;color: #fff;font-size: 3.9vw;position: absolute;bottom: 8.2vw;left: 2.4vw;width: 94.6%;padding: 4.3vw 0 4.2vw 5.8vw;text-align: left;font-weight: bold;}
  #recruit #casetax-catego2 .system-list .btn a{background: #138CC8;color: #fff;font-size: 3.9vw;position: absolute;bottom: 8.2vw;left: 2.4vw;width: 94.6%;padding: 4.3vw 0 4.2vw 5.8vw;text-align: left;font-weight: bold;}
  #recruit #casetax-catego3 .system-list .btn a{background: #005C89;color: #fff;font-size: 3.9vw;position: absolute;bottom: 8.2vw;left: 2.4vw;width: 94.6%;padding: 4.3vw 0 4.2vw 5.8vw;text-align: left;font-weight: bold;}

  #recruit .system-list .btn::after {/* content: ' >'; */}
  #recruit .system-list .btn span{position: absolute;right: 3.5vw;top: 3.6vw;width: 3.9vw;}
  
  #recruit .system-list table{width: 100%;font-size: 2.9vw;position: relative;top: -2.3vw;}
  #recruit .system-list table th{border: 0.2vw solid #CCCCCC;background: #1A1E1F;color: #fff;padding: 2.6vw 4.1vw;width: 24vw;}
  #recruit .system-list table td{border: 0.2vw solid #CCCCCC;padding: 2.6vw 4.1vw 2.6vw 5vw;}
  #recruit .system-icon02 span{font-size: 2.9vw;border: 0.2vw solid #CCCCCC;border-radius: 3.6vw;display: inline-block;background: #F2F2F2;padding: 1.5vw 7vw;margin-bottom: 2.9vw;}
  #recruit .system-pic{overflow: hidden;text-align: center;margin-bottom: 4.8vw;height: 29vw;margin-right: 1.9vw;width: 38.7vw;float: left;}
  #recruit .system-pic img{height: 31.4vw;}
  #recruit .system-date{ font-size: 0.75em; margin-bottom: 2.4vw; line-height: 1.4; }
  #recruit .system-date::before{ content: "■"; }
  #recruit .system-name{ font-size: 0.813em; margin-bottom: 2.4vw; line-height: 1.4; }
  #recruit .system-coment{ font-size: 1em; margin-bottom: 3.6vw; line-height: 1.4; }
  #recruit .system-coment span { font-size: 1.25em; font-weight: bold;}
  #recruit .system-ttl-01{ font-size: 0.813em; margin-bottom: 3.6vw; line-height: 1.4; }
  #recruit .system-category-set {margin-bottom: 3.6vw;}
  #recruit .system-category{margin-bottom: 0.2vw;font-size: 3.9vw;font-weight: bold;color: #fff;text-align: center;padding: 1.9vw;background-color: #ccc;}
  #recruit .serchcategory{ margin-bottom: 24.2vw;}
  #recruit .serchcategory .icon { display: inline-block; margin-bottom: 3.6vw; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 2.4vw 4.8vw; }
  #recruit .system-category1{margin-bottom: 0.2vw; font-size: 3.9vw; font-weight: bold; color: #fff; text-align: center; padding: 2.4vw 4.8vw; background-color: #ccc; position: relative;}
  #recruit .serchcategory1{margin-bottom: 24.2vw;margin: 21.7vw 0 0 51.7vw;position: relative;top: -12.1vw}
  #recruit .serchcategory1 .icon {color: #fff;display: inline-block;margin-bottom: 3.6vw;margin-right: 7.2vw;font-size: 4.3vw;font-weight: bold;text-align: center;padding: 2.4vw 2.4vw;position: relative;/* background: #f0f0f0; */}
  #recruit .serchcategory1 .icon:after{/* content: ""; */height: 4.8vw;background: url(../images/common/category-icon.png) no-repeat right top;position: absolute;right: -3.1vw;top: 8.5vw;z-index: 1}
  #recruit .icon01{background: ;}
  #recruit .icon02{background: ;}
  #recruit .system-ttl{ font-size: 4.8vw; font-weight: 700; }
  
  #contents08 p.dlbtn span.arr {display: block;line-height: 1;position: absolute;top: 7.5vw;right: 4vw;width: 3.9vw;}
  #contents08  p.dlbtn{font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;border-bottom: 0.5vw solid #1A1E1F;display: block;background: #fff;padding: 3.3vw 0.0vw 3vw 4.4vw;position: relative;margin: 0 11.2vw;}
  
  #contnts09 {position: relative;background: url('../images/index/sp-contnts09-back01.png') no-repeat top center;background-size: 100% auto;padding: 42.6vw 0vw 5.3vw;}
  #contnts09 .inner-Box {margin: 0 4vw;position: relative;text-align: center;}
  #contnts09 .inner-Box h2 {margin: 0 4vw 112.2vw;}
  #contnts09 .inner-Box h2 img{  }
  #contnts09 .inner-Box p.text {font-size: 3.86vw;line-height: 9.17vw;font-weight: 700;letter-spacing: 0vw;margin-bottom: 9.2vw;color: #fff;}
  #contnts09 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #contnts09 .inner-Box ul li {margin-bottom: 3vw;}
  #contnts09 .inner-Box ul li:nth-child(2n) {margin-right: 0.0vw;position: relative;}
  #contnts09 .inner-Box ul li figure{ margin-bottom: 4vw; }
  
  #contnts09 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 4.8vw;right: 3.9vw;width: 3.6vw;}
  #contnts09 .inner-Box p.dlbtn a{font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0vw;border-bottom: 0.5vw solid #1A1E1F;display: block;background: #fff;padding: 3.9vw 3.1vw 3.6vw 5.8vw;position: relative;margin: 10.9vw 7.4vw 36.7vw 7.3vw;text-align: left;}
  
  
/* case -------------------------------------*/
#case{ width: 100%; margin: 0 auto; }
#case .ttl{ width: 90%; margin: 0 auto; text-align: center; font-size: 8.6vw; letter-spacing: 1vw; font-weight: bold; margin-bottom: 6%; position: relative; border-bottom: 2px solid #000; padding-bottom: 4.8%;}
#case .ttl1{ text-align: center; font-size: 3.6vw; letter-spacing: 0.5vw; font-weight: bold; margin-bottom: 6vw; line-height: 2.03; }
#case .btn{ text-align: center; margin-bottom: 10vw}
#case .btn a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 5% 3%; text-align: center; display: block; background: #000; }
#case .btn a:hover{ background: #333; text-decoration: none; }
#case .inner-Box{ max-width: 100%; margin: 0 auto; background: #E6E6E6; padding: 12% 3% 0 3%;;}
#case .in-inner-Box{ width: 100%; margin: 0 auto; background: #fff; padding: 16% 2% 20.5%;}
#case .system-list{ margin-bottom: 2.5%; 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: 8%; 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: 33vw; overflow: hidden; text-align: center; margin-bottom: 5%;}
#case .system-pic img{ width: 100%; height: 33vw; }
#case .system-date{ font-size: 3.2vw; margin-bottom: 5%; }
#case .system-date::before{ content: "■"; }
#case .system-ttl-01{ font-size: 3.8vw; margin-bottom: 5%; line-height: 1.5; letter-spacing: 0.1vw;}
#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 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 5.1vw;right: 3.9vw;width: 3.7vw;}
#case .inner-Box p.dlbtn a{font-size: 3.6vw; line-height: 1.6; font-weight: 700; letter-spacing: 0.3vw; border-bottom: 0.5vw solid #1A1E1F; display: block; background: #fff; padding: 4.2vw 3.1vw 3.6vw 5.7vw; position: relative; margin: 0 6.5vw;}

  .slick-dotted.slick-slider { margin-bottom: 7.2vw; }

  .slick-dots {position: absolute;bottom: -0.2vw;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
  .slick-dots li {background: #fff;position: relative;display: inline-block;height: 1.0vw;margin: 0.0vw 1.2vw 0;padding: 0;cursor: pointer;width: 16.9vw;}
  .slick-dots li button {font-size: 0;line-height: 0;display: block;height: 1.0vw;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #fff;width: 16.9vw;}
  .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
  .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
  .slick-dots li button:before {font-family: 'slick';font-size: 1.4vw;line-height:1.6;position: absolute;top: 0;left: 0;height: 1.0vw;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;width: 16.9vw;-moz-osx-font-smoothing: grayscale;}
  .slick-dots li.slick-active button:before { opacity: .75; background: black; }
  

}


@media screen and (min-width:768px) and (max-width: 1600px) {
  #case .ttl{ width: 100%; margin: 0 auto; text-align: center; font-size: 36px; letter-spacing: 2px; font-weight: bold; margin-bottom: 2.5%; position: relative;border-bottom: 2px solid #000; padding-bottom: 1.2%;}
  #case .inner-Box{ max-width: 1920px; margin: 0 auto; background: #E6E6E6; padding: 4.5% 4% 0 5%;;}
  #case .in-inner-Box{ width: 100%; margin: 0 auto; background: #fff; padding: 5.2% 6%;}
  #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: 23.2%; margin-right: 2.4%; background: #fff; position: relative; margin-bottom: 1.2%; }
  #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: 178px; overflow: hidden; text-align: center; margin-bottom: 15px;}
  #case .system-pic img{ width: 100%; height: 178px; }
}