@charset "UTF-8";
@media screen and (min-width: 768px),print {  
header{ display: none;}
.side-fix { display: none;}
.full-screen .slick-slide img{ width: 100%; height: auto;}
.full-screen a:hover{ text-decoration: none;}
.full-screen a:hover img{ opacity: 1;}
.full-screen .slick-dots {position: absolute;top: 57%;display: block;right: 20px;width: 10px;padding: 0;margin: 0;list-style: none;text-align: center;transform: translateY(-50%);}
.full-screen .slick-dots li {position: relative;display: block;width: 6px;height: 6px;padding: 0;margin: 0;cursor: pointer;margin-bottom: 13px;}
.full-screen .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 6px;height: 6px;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #fff;border-radius: 10px;}
.full-screen .slick-dots li button:hover,   .full-screen .slick-dots li button:focus { outline: none; }
.full-screen .slick-dots li button:hover:before,   .full-screen .slick-dots li button:focus:before { opacity: 1; }
.full-screen .slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 6px;height: 6px;content: '';text-align: center;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.full-screen .slick-dots li.slick-active button {width: 10px;height: 10px;position: relative;left: -2px;top: -2px;}

.sliderArea{position: relative;margin-bottom: -96px;}
.sliderArea .oiden{ position: absolute; top: 0; left: 0; z-index: 3; width: 60%;}
.sliderArea .oiden img{ width: 100%; height: auto;}
.sliderArea .slidebox{ position: relative;}
.sliderArea .slidebox .inbox{bottom: 30px;right: 40px;position: absolute;background: #fff;padding: 35px 50px 33px 50px;box-shadow: 14px 14px 30px #00000080;border: 1px solid #FDF7F7;}
.sliderArea .slidebox .inbox h2{font-size: 22px; letter-spacing: 3.74px; font-weight: 400;}
.sliderArea .slidebox .inbox p{font-size: 16px; letter-spacing: 1.6px; font-weight: 400;}

.sliderArea .slidebox .inbox p .komozi{
  display: block;
  font-size: 14px;
}

#topnavi{position: relative;}
#topnavi a:hover img{ opacity: 1;}
#topnavi div{position: relative;max-width: 1520px;margin: 0 auto;}
#topnavi div 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;position: absolute;top: 123px;left: 186px;}
#topnavi div ul li{margin-right: 18px;}
#topnavi .h-navi{position: absolute;top: 103px;right: 79px;font-size: 14px;letter-spacing: 0.7px;}


#event {margin: 150px auto 260px auto;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top 26px center;}
#event .inner-Box {margin: 0 auto;position: relative;max-width: 1591px;}
#event .inner-Box h2{ text-align: center; margin-bottom: 70px; }
#event .inner-Box h2 span{display: block;}
#event .inner-Box p.btn{text-align: center;}
#event .inner-Box p.btn img{  }

#event .system-list{margin-bottom: -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;}
#event .system-list li{line-height: 1.4;width: 18.7%;margin-right: 8.4%;position: relative;margin-bottom: 20px;}
#event .system-list li:nth-child(4n){ margin-right: 0}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-list li .system-pic{width: 100%;height: 200px;overflow: hidden;text-align: center;margin-bottom: 51px;}
#event .system-list li .system-pic img{width: 100%;height: 200px;}
#event .system-list li .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4;}
#event .system-list li .system-information {padding-bottom: 10px;margin: 0 10px 20px;}
#event .system-list li .system-txt{ font-size:  0.813em; margin-bottom: 5px; line-height: 1.4; }
#event .system-list li .system-coment{ font-size: 0.813em; margin-bottom: 5px; line-height: 1.4; }
#event .system-list li .system-ttl-01{font-size: 1em;font-weight: bold;line-height: 1.4;margin-bottom: 20px;}
#event .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#event .system-list li .system-category{ font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc;}
#event .system-list li .system-txt{position: relative;padding: 0 0 0 70px;}
#event .system-list li .system-txt .sp-system-txti{font-size: 14px;letter-spacing: 0.7px;position: absolute;top: 0;left: 0;}
#event .system-list li .system-txt .sp-system-txt-in{ font-size: 14px;  letter-spacing: 0.7px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

#event .system-list li .system-txt2{position: relative;padding: 0 0 0 70px;}
#event .system-list li .system-txt2 .sp-system-txti{font-size: 14px;letter-spacing: 0.7px;position: absolute;top: 0;left: 0;}
#event .system-list li .system-txt2 .sp-system-txt-in{ font-size: 14px;  letter-spacing: 0.7px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

#event .system-list li .system-txt3{position: relative;padding: 0 0 0 70px;}
#event .system-list li .system-txt3 .sp-system-txti{font-size: 14px;letter-spacing: 0.7px;position: absolute;top: 0;left: 0;}
#event .system-list li .system-txt3 .sp-system-txt-in{ font-size: 14px;  letter-spacing: 0.7px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}


#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 .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}
#event .serchcategory1{ margin-bottom: 100px; width: 750px; margin: 0 auto; position: relative; top: -50px}
#event .serchcategory1 .icon {width: 150px; 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 .system-icon02 span {display: block;padding: 8px;font-size: 14px;margin-bottom: 15px;margin-top: -15px;width: 97px;height: 97px;background: #fff;box-shadow: 10px 8px 20px #0000000F;border-radius: 50%;text-align: center;padding-top: 41px;font-weight: 500;color: #ABABAB;position: absolute;top: 150px;right: -22px;}
#event .system-icon02 span.icon02-01 { color: #0062B2; }

#contents02 {margin: 0 auto 170px auto;position: relative;}
#contents02 .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contents02 .inner-Box h2 {margin-bottom: 68px;}
#contents02 .inner-Box h2 img{  }
#contents02 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 59px;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 34px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 85px;}
#contents02 .inner-Box p.btn{  }
#contents02 .inner-Box p.btn img{  }


#contents03 { margin: 0 auto; position: relative; max-width: 1920px;}
#contents03 h2 {text-align: center;margin-bottom: 80px;}
#contents03 h2 img{  }
#contents03 .inner-Box1{margin: 0 auto 260px;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top 160px center;}
#contents03 .inner-Box1 .ttlBox {margin: 0 auto 50px;position: relative;width: 1736px;padding: 0 30px 0;}
#contents03 .inner-Box1 .ttlBox span.no { display: block; line-height: 1; }
#contents03 .inner-Box1 .ttlBox h3{font-size: 42px;line-height: 1.6;font-weight: 500;letter-spacing: 7.56px;position: absolute;top: 5px;left: 135px;}
#contents03 .inner-Box1 .ttlBox h3::before{content: "";background: #0062B2;width: 1px;height: 60px;position: absolute;right: -24px;bottom: 6px;transform: translateX(-50%);}
#contents03 .inner-Box1 .ttlBox p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;position: absolute;top: 11px;left: 584px;}
#contents03 .inner-Box1 .sllBox {margin: 0 auto;position: relative;max-width: 1678px;padding: 0 124px;padding-bottom: 38px;margin-bottom: 0px;}
#contents03 .inner-Box1 .sllBox .slmp figure {  }
#contents03 .inner-Box1 .sllBox .slmp-thm{display: block;width: 93px;position: absolute;top: 230px;left: 0;}
#contents03 .inner-Box1 .sllBox .slmp-thm li{ background: #000; margin-bottom: 20px; }
#contents03 .inner-Box1 .sllBox .slmp-thm li.active img{  filter:alpha(opacity=40); -moz-opacity: 0.4;  opacity: 0.4; }
#contents03 .inner-Box1 .sllBox .slmp figure img,#contents03 .inner-Box1 .sllBox .slmp-thm figure img{ width: 100%; height: auto; }
#contents03 .inner-Box1 .sllBox figure.img01 {position: relative;top: 0;left: -111px;margin: -46px 0 0;}
#contents03 .inner-Box1 .sllBox p.btn{text-align: right;position: relative;right: 54px;top: 6px;}
#contents03 .inner-Box1 .sllBox p.btn img{  }

#contents03 .inner-Box2{margin: 0 auto 250px;position: relative;background: url('../images/index/contents03-back02.png')no-repeat top 160px center;}
#contents03 .inner-Box2 .ttlBox {margin: 0 50px 56px auto;position: relative;width: 1174px;padding: 0 30px 0;}
#contents03 .inner-Box2 .ttlBox span.no { display: block; line-height: 1; }
#contents03 .inner-Box2 .ttlBox h3{font-size: 36px;line-height: 44px;font-weight: 500;letter-spacing: 6.48px;position: absolute;top: -8px;left: 150px;}
#contents03 .inner-Box2 .ttlBox h3::before{content: "";background: #0062B2;width: 1px;height: 60px;position: absolute;right: -24px;bottom: 13px;transform: translateX(-50%);}
#contents03 .inner-Box2 .ttlBox p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;position: absolute;top: 11px;left: 628px;}
#contents03 .inner-Box2 .sllBox {margin: 0 auto;position: relative;max-width: 1678px;padding: 0 124px;padding-bottom: 38px;margin-bottom: 0px;}
#contents03 .inner-Box2 .sllBox .slmp figure {  }
#contents03 .inner-Box2 .sllBox .slmp-thm{display: block;width: 93px;position: absolute;top: 230px;right: 0;}
#contents03 .inner-Box2 .sllBox .slmp-thm li{ background: #000; margin-bottom: 20px; }
#contents03 .inner-Box2 .sllBox .slmp-thm li.active img{  filter:alpha(opacity=40); -moz-opacity: 0.4;  opacity: 0.4; }
#contents03 .inner-Box2 .sllBox .slmp figure img,#contents03 .inner-Box2 .sllBox .slmp-thm figure img{ width: 100%; height: auto; }
#contents03 .inner-Box2 .sllBox figure.img01 {text-align: right;position: relative;top: 0;right: -113px;margin: -46px 0 0;}
#contents03 .inner-Box2 .sllBox p.btn{text-align: left;position: relative;top: 6px;padding-left: 54px;}
#contents03 .inner-Box2 .sllBox p.btn img{  }

#contents03 .inner-Box3{margin: 0 auto 265px;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top 160px center;}
#contents03 .inner-Box3 .ttlBox {margin: 0 auto 50px;position: relative;width: 1736px;padding: 0 30px 0;}
#contents03 .inner-Box3 .ttlBox span.no { display: block; line-height: 1; }
#contents03 .inner-Box3 .ttlBox h3{font-size: 36px;line-height: 44px;font-weight: 500;letter-spacing: 6.48px;position: absolute;top: -8px;left: 150px;}
#contents03 .inner-Box3 .ttlBox h3::before{content: "";background: #0062B2;width: 1px;height: 60px;position: absolute;right: -24px;bottom: 13px;transform: translateX(-50%);}
#contents03 .inner-Box3 .ttlBox p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;position: absolute;top: 11px;left: 584px;}
#contents03 .inner-Box3 .sllBox {margin: 0 auto;position: relative;max-width: 1678px;padding: 0 124px;padding-bottom: 38px;margin-bottom: 0px;}
#contents03 .inner-Box3 .sllBox .slmp figure {  }
#contents03 .inner-Box3 .sllBox .slmp-thm{display: block;width: 93px;position: absolute;top: 230px;left: 0;}
#contents03 .inner-Box3 .sllBox .slmp-thm li{ background: #000; margin-bottom: 20px; }
#contents03 .inner-Box3 .sllBox .slmp-thm li.active img{  filter:alpha(opacity=40); -moz-opacity: 0.4;  opacity: 0.4; }
#contents03 .inner-Box3 .sllBox .slmp figure img,#contents03 .inner-Box3 .sllBox .slmp-thm figure img{ width: 100%; height: auto; }
#contents03 .inner-Box3 .sllBox figure.img01 {position: relative;top: 0;left: -111px;margin: -46px 0 0;}
#contents03 .inner-Box3 .sllBox p.btn{text-align: right;position: relative;right: 54px;top: 6px;}
#contents03 .inner-Box3 .sllBox p.btn img{  }

#contents03banner {margin: 0 auto;position: relative;width: 1170px;padding-bottom: 90px;}
#contents03banner .inner-Box { margin: 0 auto; position: relative; }
#contents03banner .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;}
#contents03banner .inner-Box ul li {width: 500px;}
#contents03banner .inner-Box ul li:nth-child(2n) {right: -170px;position: relative;}
#contents03banner .inner-Box ul li figure{margin-bottom: 13px;}
#contents03banner .inner-Box p.tex {font-size: 16px;line-height: 26px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;min-height: 94px;}
#contents03banner .inner-Box p.btn{  }
#contents03banner .inner-Box p.btn img{  }

#works {margin: 150px auto 43px auto;position: relative;background: #F5F7F7;padding: 175px 0 0;max-width: 1920px;}
#works .inner-Box {margin: 0 auto;position: relative;padding: 0 50px 210px;}
#works .inner-Box h2{text-align: center;margin-bottom: 80px;}
#works .inner-Box h2 span{display: block;}
#works .inner-Box p.btn{text-align: center;}
#works .inner-Box p.btn img{  }
#works .system-list{margin-bottom: -23px;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;}
#works .system-list li{line-height: 1.4;width: 31.9%;margin-right: 2.1%;position: relative;margin-bottom: 122px;text-align: center;}
#works .system-list li:nth-child(3n){ margin-right: 0}
#works .system-list li:nth-child(10){ display: none;}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-list li .system-pic{width: 100%;height: 20vw;overflow: hidden;text-align: center;margin-bottom: 21px;}
#works .system-list li .system-pic img{width: 100%;height: 20vw;}
#works .system-list li .system-date{font-size: 14px;margin-bottom: 10px;line-height: 22px;letter-spacing: 0.7px;text-align: center;}
#works .system-list li .system-date::before{}
#works .system-list li .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#works .system-list li .system-ttl-01{font-size: 16px;letter-spacing: 1.6px;margin-bottom: 42px;line-height: 26px;font-weight: bold;}
#works .system-category-set {text-align: center;}
#works .system-category{margin-bottom: 1px;font-size: 14px;letter-spacing: 0px;font-weight: 400;text-align: center;padding: 8px 24px;border: 1px solid #ABABAB;color: #1A1A1A;display: inline-block;}
#works .serchcategory{ margin-bottom: 100px;}
#works .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#works .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}
#works .serchcategory1{ margin-bottom: 100px; width: 750px; margin: 0 auto; position: relative; top: -50px}
#works .serchcategory1 .icon {display: inline-block;margin-bottom: 15px;margin-right: 30px;font-size: 18px;font-weight: bold;text-align: center;padding: 5px 50px;position: relative;border: 1px solid #ABABAB;}
#works .serchcategory1 .icon:after{content: "";width: 20px;height: 20px;position: absolute;right: -13px;top: 35px;z-index: 1}

#voice {margin: 0px auto 271px auto;position: relative;padding: 175px 0 0;}
#voice .inner-Box {margin: 0 auto;position: relative;}
#voice .inner-Box h2{text-align: center;margin-bottom: 80px;}
#voice .inner-Box h2 span{display: block;}
#voice .inner-Box p.btn{text-align: center;}
#voice .inner-Box p.btn img{  }
#voice .inner-Box .system-list{margin-bottom: 87px;}
#voice .inner-Box .system-list li{ width: 600px; margin: 0 95px;}
#voice .system-list li .system-pic{width: 100%;height: 400px;overflow: hidden;text-align: center;margin-bottom: 31px;position: relative;}
#voice .system-list li .system-pic img{width: 100%;height: 400px;}
#voice .system-pic span{background: #fff;display: inline-block;font-size: 14px;letter-spacing: 1.4px;line-height: 1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;padding: 12px 14px;}
#voice .system-list .prev-arrow{position: absolute;top: 174px;left: 50%;z-index: 3;margin-left: -420px;}
#voice .system-list .next-arrow {position: absolute;top: 174px;left: 50%;z-index: 3;margin-left: 370px;}
#voice .system-pic .pictext1{position: absolute;z-index: 3;bottom: 49px;left: 10px;margin-right: 10px;text-align: left;}
#voice .system-pic .pictext2{position: absolute;z-index: 3;bottom: 9px;left: 10px;margin-right: 20px;}

#voice .system-name{font-size: 16px;margin-bottom: 10px;line-height: 1.4;letter-spacing: 0.8px;color: #676767;}
#voice .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#voice .system-ttl-01{font-size: 18px;letter-spacing: 1.8px;margin-bottom: 20px;line-height: 1.4;font-weight: bold;}


#contents06 {margin: 0 auto;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top center;padding: 460px 0 0;}
#contents06 .inner-Box {margin: 0 auto;position: relative;width: 1280px;}
#contents06 .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;margin-bottom: 180px;}
#contents06 .inner-Box ul li a{ position: relative; top: 0; transition: top 0.3s ease;}
#contents06 .inner-Box ul li a:hover{ top: -30px;}
#contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents06 .inner-Box ul li figure{  }
#contents06 .inner-Box ul li a:hover figure img{ opacity: 1;}
#contents06 .inner-Box p.btn{text-align: center;}
#contents06 .inner-Box p.btn img{  }

#staff {margin: 0px auto 192px auto;position: relative;padding: 218px 0 0;}
#staff .inner-Box {margin: 0 auto;position: relative;}
#staff .inner-Box h2{text-align: center;margin-bottom: -45px;position: relative;z-index: 3;}
#staff .inner-Box h2 span{display: block;}
#staff .inner-Box p.btn{text-align: center;}
#staff .inner-Box p.btn img{  }
#staff .slick-slider .slick-track{margin: 0 auto;position: relative;left: -490px;}

#staff .system-list{margin-bottom: 64px;position: relative;left: 50%;transform: translateX(-50%);}
#staff .system-list li{line-height: 1.4;width: 180px;margin: 0 34px;position: relative;margin-bottom: 20px;padding: 12px 12px 49px;}
#staff .system-list li a:hover{ text-decoration: none; }
#staff .system-list .btn{text-align: center;border: #333 1px solid;font-size: 0.75em;position: absolute;bottom: 10px;left: 13px;width: 90%;padding: 5% 0%;}
#staff .system-list .btn::after { content: ' >';}
#staff .system-pic{width: 150px;height: 150px;margin-bottom: 15px;overflow: hidden;text-align: center;}
#staff .system-pic img{width: 150px;height: 150px;}
#staff .system-job{ font-size: 0.813em; margin-bottom: 5px; line-height: 1.4; text-align: center;}
#staff .system-name{ font-size: 1.13em; margin-bottom: 30px; line-height: 1.4; text-align: center; font-weight: bold;}
#staff .system-kana{ font-size: 0.75em; margin-bottom: 15px; line-height: 1.4; }

#contents08 {margin: 0 auto 47px;position: relative;background: url('../images/index/contents08-back01.png')no-repeat top center;padding: 79px 0 0;}
#contents08 h2 {text-align: center;margin-bottom: 54px;}
#contents08 h2 img{  }
#contents08 .inner-Box {margin: 0 auto;position: relative;width: 970px;height: 895px;}
#contents08 .left-Box { width: 400px; float: left; position: relative; }
#contents08 .left-Box h3 {margin-bottom: 44px;}
#contents08 .left-Box h3 img{  }
#contents08 .left-Box ul{}
#contents08 .left-Box ul li{position: relative;border-bottom: #ABABAB 1px dotted;padding-bottom: 22px;margin-bottom: 23px;}
#contents08 .left-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents08 .left-Box h4{font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 5px;}
#contents08 .left-Box p{font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 3px;}
#contents08 .left-Box p.btn{text-align: right;}
#contents08 .left-Box p.btn img{  }
#contents08 .right-Box {width: 400px;float: left;position: relative;right: -100px;}
#contents08 .right-Box h3 {margin-bottom: 49px;}
#contents08 .right-Box h3 img{  }
#contents08 .right-Box iframe{width: 469px;height: 519px;margin-bottom: 20px;}
#contents08 .right-Box p.btn{text-align: right;position: relative;left: 66px;}
#contents08 .right-Box p.btn img{  }

.seo-box{margin: 0 auto 0;width: 960px;padding: 74px 0 117px;}
.seo-box h3{font-size: 17px;letter-spacing: 0.85px;text-align: center;margin-bottom: 21px;}
.seo-box p{ font-size: 14px; letter-spacing: 0.7px; line-height: 26px; }


}
@media screen and (min-width:768px) and ( max-width:1880px) {
#contents03 .inner-Box2 .sllBox .slmp-thm{right: 85px;top: 160px;}
#contents03 .inner-Box2 .sllBox {padding: 0 204px 80px 24px;}
}

@media screen and (min-width:768px) and ( max-width:1450px) {

.sliderArea{margin-bottom: -36px;}
#topnavi div{padding: 0 0 0 20px;}
#event .inner-Box {padding: 0 70px;}
#event .system-list li{width: 22%;margin-right: 3%;}
#contents03 .inner-Box1 .sllBox .slmp-thm{left: 15px;top: 120px;}
#contents03 .inner-Box1 .sllBox {padding: 0 94px 80px 124px;}

#contents03 .inner-Box3 .sllBox .slmp-thm{left: 15px;top: 120px;}
#contents03 .inner-Box3 .sllBox {padding: 0 94px 80px 124px;}

}

@media screen and (max-width: 767px) {
.inh-logo{position: absolute;top: 3.3vw;left: 50%;z-index: 3;transform: translateX(-50%);width: 16.7vw;}

  header{ display: none;}
  .side-fix { display: none!important;}
  .full-screen .slick-slide img{ width: 100%; height: auto;}
  .full-screen a:hover{ text-decoration: none;}
  .full-screen a:hover img{ opacity: 1;}
  .full-screen .slick-dots {position: absolute;display: block;padding: 0;margin: 0;list-style: none;text-align: center;top: 88.2vw;height: 3vw;}
  .full-screen .slick-dots li {position: relative;display: inline-block;height: 1.45vw;width: 1.45vw;padding: 0;margin: 0 1.9vw;cursor: pointer;margin-bottom: 1.14vw;}
  .full-screen .slick-dots li button {font-size: 0;line-height: 0;display: block;height: 1.45vw;width: 1.45vw;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #fff;border-radius: 2.42vw;}
  .full-screen .slick-dots li button:hover,   .full-screen .slick-dots li button:focus { outline: none; }
  .full-screen .slick-dots li button:hover:before,   .full-screen .slick-dots li button:focus:before { opacity: 1; }
  .full-screen .slick-dots li button:before {font-family: 'slick';font-size: 1.45vw;line-height: 4.83vw;position: absolute;top: 0;left: 0;height: 1.45vw;content: '';text-align: center;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
  .full-screen .slick-dots li.slick-active button {width: 2.42vw;height: 2.42vw;position: relative;left: -1.38vw;top: 0.02vw;}
  
  .sliderArea{position: relative;margin-bottom: -13.19vw;}
  .sliderArea .oiden{position: absolute;top: 16.1vw;left: 0;z-index: 3;}
  .sliderArea .oiden img{ width: 100%; height: auto;}
  .sliderArea .slidebox{ position: relative;}
  .sliderArea .slidebox .inbox{position: relative;background: #fff;padding: 6.75vw 6.08vw 7.97vw;box-shadow: 0.38vw 0.38vw 4.25vw #00000080;border: 0.24vw solid #FDF7F7;margin: 0 3vw 8vw;top: -2.2vw;}
  .sliderArea .slidebox .inbox h2{font-size: 4.61vw;letter-spacing: 0.9vw;font-weight: 400;text-align: center;}
  .sliderArea .slidebox .inbox p{font-size: 3.38vw;letter-spacing: 0.39vw;font-weight: 400;}
  
  .sliderArea .slidebox .inbox p .komozi{
    display: block;
  }

  #topnavi{position: relative;}
  #topnavi a:hover img{ opacity: 1;}
  #topnavi div{position: relative;margin: 0 4vw;}
  #topnavi div 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;position: absolute;top: 29.71vw;left: 44.93vw;}
  #topnavi div ul li{margin-right: 4.35vw;}
  #topnavi .h-navi{position: absolute;top: 24.88vw;right: 19.08vw;font-size: 3.38vw;letter-spacing: 0.17vw;}
  
  
  #event {margin: 23.33vw auto 24vw auto;position: relative;background: #F5F7F7;background-size: 100% auto;}
  #event .inner-Box {position: relative;padding-bottom: 29vw;}
  #event .inner-Box h2{text-align: center;margin: 0 23.6vw 4.21vw;position: relative;top: -5vw;}
  #event .inner-Box h2 span{display: block;}
  #event .inner-Box p.btn{text-align: center;margin: 0 8vw;}
  #event .inner-Box p.btn img{  }
  
  #event .system-list{margin-bottom: -8.04vw;}
  #event .system-list li{line-height: 1.4;width: 72.46vw;margin-right: 23.76vw;position: relative;margin-bottom: 4.83vw;}
  #event .system-list li a:hover{ text-decoration: none; }
  #event .system-list li .system-pic{width: 100%;height: 48.31vw;overflow: hidden;text-align: center;margin-bottom: 12.32vw;}
  #event .system-list li .system-pic img{width: 100%;height: 48.31vw;}
  #event .system-list li .system-date{ font-size: 0.75em; margin-bottom: 2.42vw; line-height: 1.4;}
  #event .system-list li .system-information {padding-bottom: 2.42vw;margin: 0 2.42vw 4.83vw;}
  #event .system-list li .system-txt{ font-size:  0.813em; margin-bottom: 1.21vw; line-height: 1.4; }
  #event .system-list li .system-coment{ font-size: 0.813em; margin-bottom: 1.21vw; line-height: 1.4; }
  #event .system-list li .system-ttl-01{font-size: 3.86vw;font-weight: bold;line-height: 1.4;margin-bottom: 0.93vw;letter-spacing: 0.19vw;}
  #event .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  #event .system-list li .system-category{ font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 1.93vw; background-color: #ccc;}
  #event .system-list li .system-txt{position: relative;padding: 0 0 0 13.31vw;}
  #event .system-list li .system-txt .sp-system-txti{font-size: 3.38vw;letter-spacing: 0.17vw;position: absolute;top: 0;left: 0;}
  #event .system-list li .system-txt .sp-system-txt-in{ font-size: 3.38vw;  letter-spacing: 0.17vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  
  #event .system-list li .system-txt2{position: relative;padding: 0 0 0 13.31vw;}
  #event .system-list li .system-txt2 .sp-system-txti{font-size: 3.38vw;letter-spacing: 0.17vw;position: absolute;top: 0;left: 0;}
  #event .system-list li .system-txt2 .sp-system-txt-in{ font-size: 3.38vw;  letter-spacing: 0.17vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  
  #event .system-list li .system-txt3{position: relative;padding: 0 0 0 13.31vw;}
  #event .system-list li .system-txt3 .sp-system-txti{font-size: 3.38vw;letter-spacing: 0.17vw;position: absolute;top: 0;left: 0;}
  #event .system-list li .system-txt3 .sp-system-txt-in{ font-size: 3.38vw;  letter-spacing: 0.17vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  
  
  #event .serchcategory{ margin-bottom: 24.15vw;}
  #event .serchcategory .icon { display: inline-block; margin-bottom: 3.62vw; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw;}
  #event .system-category1{margin-bottom: 0.24vw; font-size: 3.86vw; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw; background-color: #ccc; position: relative;}
  #event .serchcategory1{ margin-bottom: 24.15vw;  margin: 0 4vw; position: relative; top: -12.08vw}
  #event .serchcategory1 .icon { display: inline-block; margin-bottom: 3.62vw; margin-right: 7.25vw; font-size: 4.35vw; font-weight: bold; text-align: center; padding: 2.42vw 2.42vw; position: relative; background: #f0f0f0}
  #event .serchcategory1 .icon:after{ content: "";  height: 4.83vw; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -3.14vw; top: 8.45vw; z-index: 1}
  
  #event .system-icon02 span {display: block;padding: 1.93vw;font-size: 3.38vw;margin-bottom: 3.62vw;margin-top: -3.62vw;height: 23.43vw;width: 23.42vw;background: #fff;box-shadow: 2.42vw 1.93vw 4.83vw #0000000F;border-radius: 50%;text-align: center;padding-top: 9.9vw;font-weight: 500;color: #ABABAB;position: absolute;top: 36.23vw;right: -5.31vw;}
  #event .system-icon02 span.icon02-01 { color: #0062B2; }
  
  #event .system-list .prev-arrow{position: absolute;top: 15.73vw;left: 4.1vw;z-index: 3;width: 6.3vw;}
  #event .system-list .next-arrow {position: absolute;top: 15.73vw;right: 4vw;z-index: 3;width: 6.3vw;}


  #contents02 {margin: 0 auto 40.16vw auto;position: relative;}
  #contents02 .inner-Box {position: relative;text-align: center;}
  #contents02 .inner-Box h2 {margin: 0 16.7vw 12.33vw 18.9vw;}
  #contents02 .inner-Box h2 img{  }
  #contents02 .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 16.7vw 10.35vw;}
  #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.19vw;margin: 0 8vw 13.43vw;}
  #contents02 .inner-Box p.btn{margin: 0 31.4vw;}
  #contents02 .inner-Box p.btn img{  }
  
  
  #contents03 {position: relative;}
  #contents03 h2 {text-align: center;margin-bottom: 11.42vw;}
  #contents03 h2 img{  }
  #contents03 .inner-Box1{margin: 0 auto 21.4vw;position: relative;background: url('../images/index/sp-contents03-back01.png') no-repeat top 74vw center;background-size: 100% auto;}
  #contents03 .inner-Box1 .ttlBox {margin: 0 auto 9.08vw;position: relative;}
  #contents03 .inner-Box1 .ttlBox span.no {display: block;line-height: 1;margin: 0 39.6vw 1.6vw;}
  #contents03 .inner-Box1 .ttlBox h3{font-size: 6.76vw;line-height: 1.6;font-weight: 500;letter-spacing: 1.21vw;position: relative;text-align: center;margin: 0 0 8.9vw;}
  #contents03 .inner-Box1 .ttlBox h3::before{content: "";background: #0062B2;height: 1px;width: 9.66vw;position: absolute;left: 50%;bottom: -4.55vw;transform: translateX(-50%);}
  #contents03 .inner-Box1 .ttlBox p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;position: relative;margin: 0 13.1vw;}
  #contents03 .inner-Box1 .sllBox {margin: 0 4vw;position: relative;padding-bottom: 9.18vw;margin-bottom: 0.0vw;}
  #contents03 .inner-Box1 .sllBox .slmp figure {  }
  #contents03 .inner-Box1 .sllBox .slmp-thm{display: block;position: relative;left: 0;margin-right: -1vw;top: -1.6vw;}
  #contents03 .inner-Box1 .sllBox .slmp-thm li{background: #000;margin-bottom: 4.83vw;width: 17.39vw;float: left;margin-right: 1.2vw;}
  #contents03 .inner-Box1 .sllBox .slmp-thm li.active img{  filter:alpha(opacity=40); -moz-opacity: 0.4;  opacity: 0.4; }
  #contents03 .inner-Box1 .sllBox .slmp figure img,#contents03 .inner-Box1 .sllBox .slmp-thm figure img{ width: 100%; height: auto; }
  #contents03 .inner-Box1 .sllBox figure.img01 {position: absolute;top: 8vw;margin: -11.11vw 0 0;right: 2vw;width: 44vw;}
  #contents03 .inner-Box1 .sllBox p.btn{text-align: right;position: relative;margin: 16.7vw 13.7vw 0 13.7vw;}
  #contents03 .inner-Box1 .sllBox p.btn img{  }
  
  #contents03 .inner-Box2{margin: 0 auto 21.4vw;position: relative;background: url('../images/index/sp-contents03-back02.png') no-repeat top 87vw center;background-size: 100% auto;}
  #contents03 .inner-Box2 .ttlBox {margin: 0 auto 9.08vw;position: relative;}
  #contents03 .inner-Box2 .ttlBox span.no {display: block;line-height: 1;margin: 0 38.4vw 1.6vw;}
  #contents03 .inner-Box2 .ttlBox h3{font-size: 6.76vw;line-height: 1.5;font-weight: 500;letter-spacing: 1.21vw;position: relative;text-align: center;margin: 0 0 8.9vw;}
  #contents03 .inner-Box2 .ttlBox h3::before{content: "";background: #0062B2;height: 1px;width: 9.66vw;position: absolute;left: 50%;bottom: -4.55vw;transform: translateX(-50%);}
  #contents03 .inner-Box2 .ttlBox p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;position: relative;margin: 0 13.1vw;}
  #contents03 .inner-Box2 .sllBox {margin: 0 4vw;position: relative;padding-bottom: 9.18vw;margin-bottom: 0.0vw;}
  #contents03 .inner-Box2 .sllBox .slmp figure {  }
  #contents03 .inner-Box2 .sllBox .slmp-thm{display: block;position: relative;left: 0;margin-right: -1vw;top: -1.6vw;}
  #contents03 .inner-Box2 .sllBox .slmp-thm li{background: #000;margin-bottom: 4.83vw;width: 17.39vw;float: left;margin-right: 1.2vw;}
  #contents03 .inner-Box2 .sllBox .slmp-thm li.active img{  filter:alpha(opacity=40); -moz-opacity: 0.4;  opacity: 0.4; }
  #contents03 .inner-Box2 .sllBox .slmp figure img,#contents03 .inner-Box2 .sllBox .slmp-thm figure img{ width: 100%; height: auto; }
  #contents03 .inner-Box2 .sllBox figure.img01 {position: absolute;top: 8vw;margin: -11.11vw 0 0;left: 2.3vw;width: 46.4vw;}
  #contents03 .inner-Box2 .sllBox p.btn{text-align: right;position: relative;margin: 16.7vw 13.7vw 0 13.7vw;}
  #contents03 .inner-Box2 .sllBox p.btn img{  }
  
  #contents03 .inner-Box3{margin: 0 auto 27.9vw;position: relative;background: url('../images/index/sp-contents03-back01.png') no-repeat top 84vw center;background-size: 100% auto;}
  #contents03 .inner-Box3 .ttlBox {margin: 0 auto 9.08vw;position: relative;}
  #contents03 .inner-Box3 .ttlBox span.no {display: block;line-height: 1;margin: 0 38.5vw 0.9vw;}
  #contents03 .inner-Box3 .ttlBox h3{font-size: 6.76vw;line-height: 1.6;font-weight: 500;letter-spacing: 1.21vw;position: relative;text-align: center;margin: 0 0 8.9vw;}
  #contents03 .inner-Box3 .ttlBox h3::before{content: "";background: #0062B2;height: 1px;width: 9.66vw;position: absolute;left: 50%;bottom: -4.55vw;transform: translateX(-50%);}
  #contents03 .inner-Box3 .ttlBox p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;position: relative;margin: 0 13.1vw;}
  #contents03 .inner-Box3 .sllBox {margin: 0 4vw;position: relative;padding-bottom: 9.18vw;margin-bottom: 0.0vw;}
  #contents03 .inner-Box3 .sllBox .slmp figure {  }
  #contents03 .inner-Box3 .sllBox .slmp-thm{display: block;position: relative;left: 0;margin-right: -1vw;top: -1.6vw;}
  #contents03 .inner-Box3 .sllBox .slmp-thm li{background: #000;margin-bottom: 4.83vw;width: 17.39vw;float: left;margin-right: 1.2vw;}
  #contents03 .inner-Box3 .sllBox .slmp-thm li.active img{  filter:alpha(opacity=40); -moz-opacity: 0.4;  opacity: 0.4; }
  #contents03 .inner-Box3 .sllBox .slmp figure img,#contents03 .inner-Box3 .sllBox .slmp-thm figure img{ width: 100%; height: auto; }
  #contents03 .inner-Box3 .sllBox figure.img01 {position: absolute;top: 8vw;margin: -11.11vw 0 0;right: 2vw;width: 30.3vw;}
  #contents03 .inner-Box3 .sllBox p.btn{text-align: right;position: relative;margin: 16.7vw 13.7vw 0 13.7vw;}
  #contents03 .inner-Box3 .sllBox p.btn img{  }
  
  #contents03banner {margin: 0 4vw -36vw;position: relative;}
  #contents03banner .inner-Box {position: relative;}
  #contents03banner .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;}
  #contents03banner .inner-Box ul li { margin: 0 0 29.1vw; }
  #contents03banner .inner-Box ul li:nth-child(1) figure {margin: 0 0 -36vw -8.1vw;}
  #contents03banner .inner-Box ul li figure{ margin-bottom: 4vw; }
  #contents03banner .inner-Box ul li:nth-child(1) p.tex {font-size: 3.86vw;line-height: 6.28vw;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 11.75vw;margin-left: 33vw;}
  #contents03banner .inner-Box p.tex {font-size: 3.86vw;line-height: 6.28vw;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;}
  #contents03banner .inner-Box p.btn{margin: 0 14vw;}
  #contents03banner .inner-Box p.btn img{  }
  
  #works {margin: 36.23vw auto 10.39vw auto;position: relative;background: #F5F7F7;padding: 28.77vw 0 32vw;}
  #works .inner-Box {margin: 0 4.1vw;position: relative;}
  #works .inner-Box h2{text-align: center;margin: 0 27.2vw 10.42vw;}
  #works .inner-Box h2 span{display: block;}
  #works .inner-Box p.btn{text-align: center;margin: 0 4vw;}
  #works .inner-Box p.btn img{  }
  #works .system-list{margin-bottom: -5.56vw;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;}
  #works .system-list li{line-height: 1.4;width: 49%;margin-right: 2%;position: relative;margin-bottom: 13.87vw;text-align: left;}
  #works .system-list li:nth-child(2n){ margin-right: 0}
  #works .system-list li a:hover{ text-decoration: none; }
  #works .system-list li .system-pic{width: 100%;height: 30vw;overflow: hidden;text-align: center;margin-bottom: 3.77vw;}
  #works .system-list li .system-pic img{width: 100%;height: 31vw;}
  #works .system-list li .system-date{font-size: 3.38vw;margin-bottom: 1.22vw;line-height: 5.31vw;letter-spacing: 0.17vw;}
  #works .system-list li .system-date::before{}
  #works .system-list li .system-coment{ font-size: 0.75em; margin-bottom: 1.21vw; line-height: 1.4; }
  #works .system-list li .system-ttl-01{font-size: 3.86vw;letter-spacing: 0.39vw;margin-bottom: 3.54vw;line-height: 6.28vw;font-weight: bold;}
  #works .system-category-set {text-align: left;}
  #works .system-category{margin-bottom: 0.24vw;font-size: 3.38vw;letter-spacing: 0.0vw;font-weight: 400;text-align: center;padding: 1.93vw 5.8vw;border: 0.24vw solid #ABABAB;color: #1A1A1A;display: inline-block;}
  #works .serchcategory{ margin-bottom: 24.15vw;}
  #works .serchcategory .icon { display: inline-block; margin-bottom: 3.62vw; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw; }
  #works .system-category1{margin-bottom: 0.24vw; font-size: 3.86vw; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw; background-color: #ccc; position: relative;}
  #works .serchcategory1{ margin-bottom: 24.15vw;  margin: 0 4vw; position: relative; top: -12.08vw}
  #works .serchcategory1 .icon {display: inline-block;margin-bottom: 3.62vw;margin-right: 7.25vw;font-size: 4.35vw;font-weight: bold;text-align: center;padding: 1.21vw 12.08vw;position: relative;border: 0.24vw solid #ABABAB;}
  #works .serchcategory1 .icon:after{content: "";height: 4.83vw;position: absolute;right: -3.14vw;top: 8.45vw;z-index: 1}
  
  #voice {margin: 0.0vw auto 41.16vw auto;position: relative;padding: 20.37vw 0 0;}
  #voice .inner-Box {position: relative;}
  #voice .inner-Box h2{text-align: center;margin: 0 26.1vw 9.42vw;}
  #voice .inner-Box h2 span{display: block;}
  #voice .inner-Box p.btn{text-align: center;margin: 13.1vw 8.1vw;}
  #voice .inner-Box p.btn img{  }
  #voice .system-list li{line-height: 1.4;width: 92vw;margin-right: 23.76vw;position: relative;margin-bottom: 4.83vw;}
  #voice .inner-Box .system-list li{  margin: 0 22.95vw;}
  #voice .system-list li .system-pic{width: 100%;height: 61.11vw;overflow: hidden;text-align: center;margin-bottom: 7.49vw;position: relative;}
  #voice .system-list li .system-pic img{width: 100%;height: 61.11vw;}
  #voice .system-pic span{background: #fff;display: inline-block;font-size: 2.41vw;letter-spacing: 0.34vw;line-height: 1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;padding: 1.9vw 3.38vw;}
  #voice .system-list .prev-arrow{position: absolute;top: 22.33vw;left: 0vw;z-index: 3;width: 6.3vw;}
  #voice .system-list .next-arrow {position: absolute;top: 22.23vw;right: 0vw;z-index: 3;width: 6.3vw;}
  #voice .system-pic .pictext1{position: absolute;z-index: 3;bottom: 8.04vw;left: 1.42vw;margin-right: 2.42vw;text-align: left;font-size: 2.41vw;}
  #voice .system-pic .pictext2{position: absolute;z-index: 3;bottom: 0.97vw;left: 1.42vw;margin-right: 4.83vw;}
  
  #voice .system-name{font-size: 3.86vw;margin: 0 3.6vw 2.42vw;line-height: 1.4;letter-spacing: 0.19vw;color: #676767;}
  #voice .system-coment{ font-size: 0.75em; margin-bottom: 1.21vw; line-height: 1.4; }
  #voice .system-ttl-01{font-size: 4.35vw;letter-spacing: 0.43vw;margin: 0 3.6vw 2.42vw;line-height: 1.4;font-weight: bold;}
  
  
  #contents06 {position: relative;background: url('../images/index/sp-contents06-back01.png') no-repeat top center;background-size: 100% auto;padding: 37.21vw 0 0;}
  #contents06 .inner-Box {margin: 0 10.6vw;position: relative;}
  #contents06 .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;margin-bottom: 26.78vw;}
  #contents06 .inner-Box ul li a{ position: relative; top: 0; transition: top 0.3s ease;}
  #contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents06 .inner-Box ul li figure{}
  #contents06 .inner-Box ul li a:hover figure img{ opacity: 1;}
  #contents06 .inner-Box p.btn{text-align: center;margin: 0 -6.5vw;}
  #contents06 .inner-Box p.btn img{  }
  
  #staff {margin: 0.0vw auto 29.38vw auto;position: relative;padding: 19.06vw 0 0;}
  #staff .inner-Box {position: relative;}
  #staff .inner-Box h2{text-align: center;margin: 0 13.1vw -10.87vw;position: relative;z-index: 3;}
  #staff .inner-Box h2 span{display: block;}
  #staff .inner-Box p.btn{text-align: center;margin: 0 17.8vw;}
  #staff .inner-Box p.btn img{  }
  #staff .slick-slider .slick-track{margin: 0 4vw;position: relative;left: -4vw;}
  
  #staff .system-list{margin-bottom: 9.66vw;position: relative;left: 50%;transform: translateX(-50%);}
  #staff .system-list li{line-height: 1.4;margin: 0 2.21vw;position: relative;margin-bottom: 4.83vw;padding: 2.9vw 2.9vw 11.84vw;}
  #staff .system-list li a:hover{ text-decoration: none; }
  #staff .system-list .btn{text-align: center;border: #333 0.24vw solid;font-size: 0.75em;position: absolute;bottom: 2.42vw;left: 3.14vw;width: 90%;padding: 5% 0%;}
  #staff .system-list .btn::after { content: ' >';}
  #staff .system-pic{width: 40vw;height: 36.23vw;margin: 0 5vw 3.62vw;overflow: hidden;text-align: center;}
  #staff .system-pic img{width: 40vw;height: 36.23vw;}
  #staff .system-job{font-size: 3.38vw;margin-bottom: 1.21vw;line-height: 1.4;letter-spacing: 0.16vw;text-align: center;}
  #staff .system-name{font-size: 3.86vw;margin-bottom: 7.25vw;line-height: 1.4;text-align: center;letter-spacing: 0.38vw;font-weight: bold;}
  #staff .system-kana{ font-size: 0.75em; margin-bottom: 3.62vw; line-height: 1.4; }
  
  #contents08 {margin: 0 auto 11.35vw;position: relative;background: #F5F7F7;background-size: 100% auto;padding: 23.78vw 0 4vw;}
  #contents08 h2 {text-align: center;margin: 0 33.6vw 17.04vw;}
  #contents08 h2 img{  }
  #contents08 .inner-Box {margin: 0 8vw;position: relative;padding-bottom: 14vw;}
  #contents08 .left-Box {text-align: center;position: relative;margin-bottom: 17.2vw;}
  #contents08 .left-Box h3 {margin-bottom: 6.73vw;}
  #contents08 .left-Box h3 img{  }
  #contents08 .left-Box ul{}
  #contents08 .left-Box ul li{position: relative;border-bottom: #ABABAB 0.24vw dotted;padding-bottom: 5.31vw;margin-bottom: 5.56vw;}
  #contents08 .left-Box ul li:nth-child(3n){ margin-right: 0.0vw; }
  #contents08 .left-Box h4{font-size: 3.86vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.39vw;margin-bottom: 1.21vw;}
  #contents08 .left-Box p{font-size: 3.86vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 0.72vw;}
  #contents08 .left-Box p.btn{ margin: 0 6vw; }
  #contents08 .left-Box p.btn img{  }
  #contents08 .right-Box {position: relative;}
  #contents08 .right-Box h3 {margin-bottom: 6.84vw;}
  #contents08 .right-Box h3 img{  }
  #contents08 .right-Box iframe{height: 125.36vw;}
  #contents08 .right-Box p.btn{ margin: 0 6vw; }
  #contents08 .right-Box p.btn img{  }
  
  .seo-box{margin: 0 auto 0;padding: 14.07vw 7.8vw 28.26vw;}
  .seo-box h3{font-size: 4.11vw;letter-spacing: 0.21vw;text-align: center;margin-bottom: 5.07vw;}
  .seo-box p{ font-size: 3.38vw; letter-spacing: 0.17vw; line-height: 6.28vw; }
  


}
