@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
  -------------------------------------*/

header{width: 1100px;margin: 0 auto;padding: 30px 0;}
header .text{left: 350px;top: 50px;position: absolute;}
header .h-logo{ padding-left: 0; }
header .btn01 a{top: 184px;right: 204px;}
header .btn02 a{top: 184px;right: 3px;}
.mainch{position: relative;display: block;padding-top: 34px;width: 1100px;margin: 0 auto;font-size: 24px;line-height: 40px;letter-spacing: 2.4px;font-weight: normal;margin-bottom: 16px;}

.slideall{padding: 0 50px 0px 50px;position: relative;margin-bottom: -6px;}
.slideall span{position: absolute;right: -40px;top: 325px;}
.slideall .main-logo{top: 54px;right: 33px;position: absolute;}
.slideall .main-banner01{ bottom: 210px; right: 0px; position: absolute; }
.slideall .main-banner02{ bottom: 130px; right: 0px; position: absolute; }
.slideall .main-banner03{ bottom: -32px; left: 40px; position: absolute; z-index: 100;}

#contents01{max-width: 1500px;width: 100%;min-width: 1280px;margin: 166px auto 130px auto;min-height: 765px;position: relative;}
#contents01 figure{position: absolute;top: 20px;right: -130px;}
#contents01 span.en{font-size: 20px;letter-spacing: 2px;position: relative;display: block;margin-bottom: 50px;}
#contents01 span.en::before{content: "";background: #a67c52;width: 40px;height: 5px;position: absolute;bottom: -10px;left: 0;}
#contents01 h2{font-size: 36px;font-weight: 700;line-height: 64px;letter-spacing: 3.6px;margin-bottom: 47px;}
#contents01 .text{ font-size: 16px; letter-spacing: 0.8px; line-height: 34px; margin-bottom: 30px; }
#contents01 .btn{position: relative;top: 45px;}
#contents01 .btn a{display: block;width: 280px;border-bottom: 1px solid #000;text-transform: uppercase;font-size: 14px;letter-spacing: 1.4px;padding: 20px 20px 14px 20px;position: relative;}
#contents01 .btn a::before{content: url('../images/index/arr.png');position: absolute;top: 17px;right: 21px;}

#contents02{max-width: 1500px;width: 100%;min-width: 1280px;margin: 0 auto 79px;background: url('../images/index/contents02-back.jpg')no-repeat top center;padding-bottom: 240px;}
#contents02 .inner-Box .en-text{text-align: center;position: relative;display: block;top: -27px;margin-bottom: -8px;}
#contents02 .inner-Box h2{text-align: center;font-size: 24px;line-height: 40px;letter-spacing: 2.4px;margin-bottom: 26px;font-weight: lighter;}
#contents02 .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; }
#contents02 .inner-Box ul li{width: 32%;float: left;margin-right: 2%; position: relative;}
#contents02 .inner-Box ul li img{ width: 100%; height: auto; }
#contents02 .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contents02 .inner-Box ul li div{text-align: center;width: 88%;padding: 34px 0 37px;margin: 0 6%;position: absolute;bottom: -100px;background: #fff;box-shadow: 0 30px 40px rgba(0, 0, 0, 0.2);}
#contents02 .inner-Box ul li div h3 span{ color: #a67c52; font-size: 14px; letter-spacing: 1.4px; display: block; }
#contents02 .inner-Box ul li div h3{font-size: 20px;font-weight: 700;letter-spacing: 2px;border-bottom: 1px dotted #333;padding-bottom: 15px;margin-bottom: 29px;}

.bx-wrapper .bx-pager {position: absolute;left: -35px;top: 320px;text-align: left;z-index: 3;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display: block; }
.slider-3mai-Box {margin: 0 auto; position: relative; max-width: 1500px!important; width: 100%!important; height: auto; }
.slider-3mai-Box .slider-3mai { width: 100%!important; height: auto;}
.slider-3mai-Box .slider-3mai li { width: 100%!important; height: auto;}
.slider-3mai-Box .slider-3mai li img{ width: 100%!important; height: auto;}
.slider-3mai-Box .bx-wrapper .bx-controls-direction a { position: absolute; top: 40%; outline: 0; width: 50px; height: 100px; text-indent: -9999px; z-index: 9999; }
.slider-3mai-Box .bx-wrapper .bx-prev { left: 950px; background-image: url(../images/index/bx-l.jpg); background-position: 0 0; }
.slider-3mai-Box .bx-wrapper .bx-next { right: 950px; background-image: url(../images/index/bx-r.jpg); background-position: 0 0; }

/* case -------------------------------------*/
#case{width: 1000px;margin: 0 auto 110px;padding: 80px 0;}
#case h2{text-align: center;font-size: 20px;margin-bottom: 46px;font-weight: lighter;}
#case span.en{text-align: center;font-size: 20px;letter-spacing: 2px;position: relative;display: block;margin-bottom: 29px;}
#case span.en::before{content: "";background: #a67c52;width: 40px;height: 5px;position: absolute;bottom: -10px;left: 50%; margin-left: -20px;}
#case .btn{position: relative;top: -30px;}
#case .btn a{display: block;width: 280px;border-bottom: 1px solid #000;text-transform: uppercase;font-size: 14px;letter-spacing: 1.4px;padding: 20px 20px 14px 20px;position: relative;margin: 0 auto;}
#case .btn a::before{content: url('../images/index/arr.png');position: absolute;top: 17px;right: 21px;}

#case .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;}
#case .system-list li{background: url('../images/index/arr.png') no-repeat bottom right;line-height: 1.4;width: 320px;margin-right: 20px;position: relative;margin-bottom: 70px;}
#case .system-list li:nth-child(3n){ margin-right: 0}
#case .system-list li a{ position: relative; }
#case .system-list li a:hover{ text-decoration: none; }
#case .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#case .system-list .btn::after { content: ' >';}
#case .system-pic{width: 100%;overflow: hidden;text-align: center;margin-bottom: 15px;height: 200px;}
#case .system-pic img{width: 100%;height: 200px;}
#case .system-date{margin-bottom: 7px;line-height: 1.4;font-size: 14px;color: #a67c52;}
#case .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#case .system-ttl-01{margin-bottom: 20px;line-height: 1.4;font-size: 16px;letter-spacing: 0.8px;font-weight: lighter;}

#contents03{ background: url('../images/index/contents03-back.jpg')repeat-x bottom center; }
#contents03 .inner-Box{max-width: 1500px;width: 100%;min-width: 1280px;margin: 0 auto;padding-top: 34px;padding-bottom: 99px;}
#contents03 .inner-Box .leftbox{width: 50%;float: left;padding-top: 317px; position: relative;}
#contents03 .inner-Box .leftbox::before{content: url('../images/index/contents03-img.png');position: absolute;bottom: -268px;left: 182px;}
#contents03 .inner-Box .leftbox h2{padding-left: 18px;margin-bottom: 35px;}
#contents03 .inner-Box .leftbox p{font-size: 20px;line-height: 32px;letter-spacing: 2px;padding-left: 17px;}
#contents03 .inner-Box .rightbox{ width: 50%; float: left; }
#contents03 .inner-Box .rightbox ul{  }
#contents03 .inner-Box .rightbox ul li{ overflow: hidden; height: 300px; width: 100%; position: relative; }
#contents03 .inner-Box .rightbox ul li img{ position: absolute; top: 0; left: 50%; margin-left: -375px; }

#contents04{width: 1000px;margin: 0 auto;text-align: center;padding-top: 109px;padding-bottom: 183px;}
#contents04 h2{font-size: 32px;letter-spacing: 3.2px;margin-bottom: 34px;font-weight: 400;}
#contents04 h2 .line{ background: linear-gradient(transparent 60%, #ffff66 60%); }
#contents04 h2 .line span{ position: relative; }
#contents04 h2 .line span::before{content: url('../images/index/dot.png');position: absolute;top: -49px;left: 14px;}
#contents04 .text{font-size: 14px;letter-spacing: 0.7px;margin-top: 12px;}

#contents05{background: url('../images/index/contents05-back.jpg')no-repeat top center;color: #fff;margin-bottom: 116px;}
#contents05 .inner-Box{width: 1100px;margin: 0 auto;height: 944px;position: relative;}
#contents05 .inner-Box h2{position: relative;top: 25px;left: 0px;margin-bottom: 60px;}
#contents05 .inner-Box h3{font-size: 36px;font-weight: 700;letter-spacing: 3.6px;margin-bottom: 23px;}
#contents05 .inner-Box figure{position: absolute;bottom: -20px;right: -80px;}
#contents05 .inner-Box .text{ width: 569px; font-size: 16px; line-height: 32px; letter-spacing: 0.8px; }
#contents05 .inner-Box .btn{text-align: center;margin-top: 144px;position: relative;}

  /* voice -------------------------------------*/
  #voice{width: 100%;margin: 0 auto;padding: 135px 0 80px 0;background: #f2f2f2;}
  #voice .inner-Box{max-width: 1500px;width: 100%;min-width: 1280px;margin: 0 auto;}
  #voice h2{text-align: center;font-size: 20px;margin-bottom: 46px;font-weight: lighter;letter-spacing: 2px;}
  #voice span.en{text-align: center;font-size: 20px;letter-spacing: 2px;position: relative;display: block;margin-bottom: 29px;}
  #voice span.en::before{content: "";background: #a67c52;width: 40px;height: 5px;position: absolute;bottom: -10px;left: 50%; margin-left: -20px;}
  #voice .btn{position: relative;top: -30px;}
  #voice .btn a{display: block;width: 280px;border-bottom: 1px solid #000;text-transform: uppercase;font-size: 14px;letter-spacing: 1.4px;padding: 20px 20px 14px 20px;position: relative;margin: 0 auto;}
  #voice .btn a::before{content: url('../images/index/arr.png');position: absolute;top: 17px;right: 21px;}
  #voice .inner-Box li{ margin-bottom: 70px; }
  #voice .inner-Box li .text-box .system-customer{ margin-bottom: 40px; display: inline-block; background: #000; color: #fff; font-size: 14px; letter-spacing: 0.7px; padding: 9px 24px; }
  #voice .inner-Box li .text-box .system-ttl-01{ padding-bottom: 36px; margin-bottom: 21px; font-size: 24px; line-height: 38px; letter-spacing: 1.2px; border-bottom: dotted 1px #000; }
  #voice .inner-Box li .text-box .text{ font-size: 14px; letter-spacing: 0.7px; line-height: 26px; }

  #voice .inner-Box li:nth-child(1) .text-box{ background: url('../images/index/arr.png')no-repeat bottom 50px right 50px #fff; width: 600px; box-shadow: 0 30px 40px rgba(0, 0, 0, 0.2); padding: 50px; position: absolute; top: 60px; right: 0; }
  #voice .inner-Box li:nth-child(1){width: 100%;position: relative;min-height: 630px;}
  #voice .inner-Box li:nth-child(1) .system-pic{position: absolute;top: 0;left: 0;width: 970px;height: 560px;overflow:hidden; text-align: center;}
  #voice .inner-Box li:nth-child(2) .text-box{background: url('../images/index/arr.png')no-repeat bottom 50px right 50px #fff;width: 600px;box-shadow: 0 30px 40px rgba(0, 0, 0, 0.2);padding: 50px;position: absolute;top: 60px;left: 0;}
  #voice .inner-Box li:nth-child(2){width: 100%;position: relative;min-height: 630px;}
  #voice .inner-Box li:nth-child(2) .system-pic{position: absolute;top: 0;right: 0;width: 980px;height: 560px;overflow:hidden;text-align: center;}
  #voice .inner-Box li.system-pic img{ width: 100%; height: auto;}
  #voice .inner-Box .system-list{margin-bottom: -102px;}

  #blog-news{width: 1000px;margin: 0 auto;padding: 117px 0 63px 0;}
  
  /* blog -------------------------------------*/
  #blog{ width: 480px; float: left; margin-left: 40px; }
  #blog h2{border-bottom: 1px solid #000;text-align: center;font-size: 2em;margin-bottom: 27px;padding-bottom: 5px;font-weight: 500;}
  #blog .btn{position: relative;top: -30px;}
  #blog .btn a{display: block;width: 280px;border-bottom: 1px solid #000;text-transform: uppercase;font-size: 14px;letter-spacing: 1.4px;padding: 20px 20px 14px 20px;position: relative;margin: 0 auto;}
  #blog .btn a::before{content: url('../images/index/arr.png');position: absolute;top: 17px;right: 21px;}

  #blog .inner-Box{margin-bottom: 70px;}
  #blog .system-list{margin-bottom: 50px;overflow-y: scroll;height: 400px;}
  #blog .system-list li{ width: 100%; overflow: hidden; background: #fff; border-bottom: 1px dotted #ccc; margin-bottom: 20px; padding-bottom: 20px; }
  #blog .system-list li a:hover{ text-decoration: none; }
  #blog .system-pic{width: 120px;margin-right: 12px;height: auto;overflow: hidden;text-align: center;float: left;margin-left: 20px;}
  #blog .system-pic img{ max-width: 100%; height: auto; }
  #blog .system-txt {width: 320px;float: left;}
  #blog .system-date{margin-bottom: 10px;color: #8c8c8c;font-size: 14px;}
  #blog .system-date::before{}
  #blog .system-ttl{font-size: 1em;line-height: 1.4;font-weight: lighter;}
  
  /* news -------------------------------------*/
  #news{ width: 480px; float: left;  }
  #news h2{border-bottom: 1px solid #000;text-align: center;font-size: 2em;margin-bottom: 27px;padding-bottom: 5px;font-weight: 500;}
  #news .btn{position: relative;top: -30px;}
  #news .btn a{display: block;width: 280px;border-bottom: 1px solid #000;text-transform: uppercase;font-size: 14px;letter-spacing: 1.4px;padding: 20px 20px 14px 20px;position: relative;margin: 0 auto;}
  #news .btn a::before{content: url('../images/index/arr.png');position: absolute;top: 17px;right: 21px;}
  #news .iconn{position: relative;top: -2px;left: 18px;}
  #news .inner-Box{margin-bottom: 70px;}
  #news .system-list{margin-bottom: 50px;overflow-y: scroll;height: 400px;}
  #news .system-list li{width: 100%;overflow: hidden;background: #fff;position: relative;border-bottom: 1px dotted #ccc;margin-bottom: 20px;padding: 0px 20px 20px 20px;}
  #news .system-list li a:hover{ text-decoration: none; }
  #news .system-date{margin-bottom: 10px;color: #8c8c8c;font-size: 14px;}
  #news .system-ttl{width: 80%;font-size: 1em;line-height: 1.4;font-weight: lighter;}

#contents07{ width: 1000px; margin: 0 auto; }
#contents07 .banner{ margin-bottom: 10px; }
#contents07 .text{font-size: 14px;letter-spacing: 0.7px;margin-bottom: 120px;text-align: center;}
#contents07 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-bottom: 146px;}
#contents07 ul li{ width: 235px; float: left; margin-right: 20px; text-align: center; }
#contents07 ul li:nth-child(4n){ margin-right: 0; }
#contents07 ul li figure{margin-bottom: 6px;}
#contents07 ul li p{  }
#contents07 ul li p span{ text-align: center; display: block; color: #a67c52; font-size: 14px; letter-spacing: 1.4px; }

footer{padding-top: 260px;}
.seo{background: #f2f2f2;margin-bottom: 55px;}
.seo .inbox{ width: 999px; margin: 0 auto; padding: 40px 0 50px; color: #8c8c8c; font-size: 12px; line-height: 24px; letter-spacing: 0.6px; }

  }

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

.mainch{position: relative;display: block;padding-top: 1.4vw;margin: 0 4vw;letter-spacing: 0.6vw;font-size: 3.4vw;line-height:1.6;margin-bottom: 5.1vw;}

#contents01{max-width: 100%;position: relative;padding: 20vw 0 0 0;margin-bottom: 16vw;}
#contents01 figure{margin-bottom: 4vw;margin-right: 3vw;}
#contents01 span.en{font-size: 4.5vw;position: relative;display: block;padding-left: 2.4vw;letter-spacing: 0.5vw;margin-bottom: 8.5vw;}
#contents01 span.en::before{content: "";background: #a67c52;height: 1vw;position: absolute;bottom: -2.3vw;left: 2vw;width: 10vw;}
#contents01 h2{font-size: 5.7vw;font-weight: 700;line-height: 1.7;margin-bottom: 6.1vw;padding-left: 3vw;letter-spacing: 0.4vw;}
#contents01 .text{font-size: 3.4vw;line-height: 2;margin-bottom: 6.9vw;padding: 0 3vw;}
#contents01 .btn{position: relative;margin: 11vw 30vw 14vw 4vw;}
#contents01 .btn a{display: block;border-bottom: 0.1vw solid #000;text-transform: uppercase;font-size: 3.8vw;padding: 2.6vw 2.6vw 3.6vw 2.6vw;position: relative;}
#contents01 .btn a::before{content: url('../images/index/arr.png');position: absolute;top: 2.2vw;right: 4.1vw;transform: scale(0.7);transform-origin: bottom right;}

#contents02{max-width: 100%;margin: 0 4vw 41vw;background: url('../images/index/sp-contents02-back.jpg')repeat-y top center;background-size: 90% auto;}
#contents02 .inner-Box .en-text{text-align: center;position: relative;display: block;top: -6.5vw;width: 34vw;margin: 0 auto 3vw;}
#contents02 .inner-Box h2{text-align: center;font-size: 4.4vw;line-height:1.6;margin-bottom: 8.4vw;}
#contents02 .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;margin: 0 2.4vw;}
#contents02 .inner-Box ul li{width: 100%;position: relative;margin-bottom: 43vw;}
#contents02 .inner-Box ul li img{ width: 100%; height: auto; }
#contents02 .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contents02 .inner-Box ul li div{text-align: center;width: 88%;padding: 4.4vw 0 5.8vw;margin: 0 6%;position: absolute;bottom: -31vw;background: #fff;box-shadow: 0 3.9vw 5.2vw rgba(0, 0, 0, 0.2);}
#contents02 .inner-Box ul li div h3 span{color: #a67c52;font-size: 2.8vw;display: block;}
#contents02 .inner-Box ul li div h3{font-size: 4.6vw;font-weight: 700;border-bottom: 0.1vw dotted #333;padding-bottom: 2.7vw;margin-bottom: 5.8vw;}
#contents02 .inner-Box ul li div p{ font-size: 3.5vw; }

/* case -------------------------------------*/
#case{margin: 0 auto 11.3vw;padding: 10.4vw 0;}
#case h2{text-align: center;font-size: 4.4vw;margin-bottom: 8vw;font-weight: lighter;}
#case span.en{text-align: center;font-size: 3.6vw;position: relative;display: block;margin-bottom: 6.8vw;letter-spacing: 0.4vw;}
#case span.en::before{content: "";background: #a67c52;height: 1vw;position: absolute;bottom: -3.3vw;left: 50%;margin-left: -5vw;width: 10vw;}
#case .btn{position: relative;margin: -1vw 17vw 14vw;}
#case .btn a{display: block;border-bottom: 0.1vw solid #000;text-transform: uppercase;font-size: 3.8vw;padding: 2.6vw 2.6vw 3.6vw 3.6vw;position: relative;}
#case .btn a::before{content: url('../images/index/arr.png');position: absolute;top: 2.2vw;right: 4.1vw;transform: scale(0.7);transform-origin: bottom right;}

#case .system-list{margin: 0 3vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#case .system-list li{background: url('../images/index/arr.png') no-repeat bottom right;background-size: 10% auto;line-height: 1.4;margin-right: 2%;position: relative;margin-bottom: 9.1vw;width: 49%;}
#case .system-list li:nth-child(2n){ margin-right: 0}
#case .system-list li a{ position: relative; }
#case .system-list li a:hover{ text-decoration: none; }
#case .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#case .system-list .btn::after { content: ' >';}
#case .system-pic{width: 100%;overflow: hidden;text-align: center;margin-bottom: 2.7vw;height: 29.1vw;}
#case .system-pic img{width: 100%;height: 26.1vw;}
#case .system-date{margin-bottom: 0.9vw;line-height: 1.4;font-size: 2.8vw;color: #a67c52;}
#case .system-coment{ font-size: 0.75em; margin-bottom: 0.7vw; line-height: 1.4; }
#case .system-ttl-01{margin-bottom: 2.6vw;line-height: 1.4;font-size: 3.4vw;font-weight: lighter;}

#contents03{ background: url('../images/index/sp-contents03-back.jpg')repeat-x bottom center; background-size: 100% auto; }
#contents03 .inner-Box{max-width: 100%;padding-top: 4.4vw;padding-bottom: 20.9vw;}
#contents03 .inner-Box .leftbox{position: relative;}
#contents03 .inner-Box .leftbox::before{content: url('../images/index/contents03-img.png');position: absolute;top: -20vw;right: 1.7vw;transform: scale(0.4);transform-origin: bottom right;}
#contents03 .inner-Box .leftbox h2{padding-left: 6vw;margin-right: 33vw;margin-bottom: -1.3vw;position: relative;top: -10vw;}
#contents03 .inner-Box .leftbox p{font-size: 4.5vw;line-height:1.6;padding-left: 6.2vw;margin-bottom: 14vw;}
#contents03 .inner-Box .rightbox{}
#contents03 .inner-Box .rightbox ul{margin: 0 4.5vw;}
#contents03 .inner-Box .rightbox ul li{width: 100%;position: relative;margin-bottom: 1vw;}
#contents03 .inner-Box .rightbox ul li img{}

#contents04{margin: 0 4vw;text-align: center;padding-top: 18.2vw;padding-bottom: 26.5vw;}
#contents04 h2{font-size: 6.2vw;margin-bottom: 6.4vw;line-height: 1.7;font-weight: 400;}
#contents04 h2 .line{ background: linear-gradient(transparent 60%, #ffff66 60%); }
#contents04 h2 .line span{ position: relative; }
#contents04 h2 .line span::before{content: url('../images/index/dot.png');position: absolute;top: -5.4vw;left: 2.8vw;transform: scale(0.5);transform-origin: top center;}
#contents04 .text{font-size: 3.2vw;margin-top: 3.6vw;}

#contents05{background: url('../images/index/sp-contents05-back.jpg')no-repeat top center;background-size: 100% auto;color: #fff;margin-bottom: 12.1vw;}
#contents05 .inner-Box{margin: 0 4vw;position: relative;}
#contents05 .inner-Box h2{position: relative;top: -13vw;left: -3vw;margin-bottom: -8.2vw;}
#contents05 .inner-Box h3{font-size: 4.7vw;font-weight: 700;margin-bottom: 4vw;text-align: center;letter-spacing: 1vw;}
#contents05 .inner-Box figure{margin: 0 19vw -4vw;}
#contents05 .inner-Box .text{font-size: 3.4vw;line-height: 2;}
#contents05 .inner-Box .btn{text-align: center;position: relative;margin: 0 -3vw 0vw;}

  /* voice -------------------------------------*/
  #voice{width: 100%;padding: 17.7vw 0 10.4vw 0;background: #f2f2f2;}
  #voice .inner-Box{max-width: 100%;min-margin: 0 4vw;}
  #voice h2{text-align: center;font-size: 4.4vw;margin-bottom: 8vw;}
  #voice span.en{text-align: center;font-size: 3.6vw;position: relative;display: block;margin-bottom: 6.8vw;letter-spacing: 0.4vw;}
  #voice span.en::before{content: "";background: #a67c52;height: 1vw;position: absolute;bottom: -3.3vw;left: 50%;margin-left: -5vw;width: 10vw;}
  #voice .btn{position: relative;margin: -1vw 17vw 14vw;}
  #voice .btn a{display: block;border-bottom: 0.1vw solid #000;text-transform: uppercase;font-size: 3.8vw;padding: 2.6vw 2.6vw 3.6vw 3.6vw;position: relative;}
  #voice .btn a::before{content: url('../images/index/arr.png');position: absolute;top: 2.2vw;right: 4.1vw;transform: scale(0.7);transform-origin: bottom right;}
  #voice .inner-Box li{ margin-bottom: 9.1vw; }
  #voice .inner-Box li .text-box .system-customer{margin-bottom: 3.2vw;display: inline-block;background: #000;color: #fff;font-size: 2.8vw;padding: 1.2vw 3.1vw;}
  #voice .inner-Box li .text-box .system-ttl-01{padding-bottom: 1.7vw;margin-bottom: 2.1vw;font-size: 3.4vw;line-height:1.6;border-bottom: dotted 0.1vw #000;}
  #voice .inner-Box li .text-box .text{font-size: 3vw;line-height:1.6;}
  #voice .inner-Box li:nth-child(2) .text-box{ margin: 0 2vw 0 0vw; }
  #voice .inner-Box li .text-box{background: url('../images/index/arr.png')no-repeat bottom 6.5vw right 6.5vw #fff;box-shadow: 0 3.9vw 5.2vw rgba(0, 0, 0, 0.2);padding: 6.5vw 6.5vw 14.5vw 6.5vw;margin: 0 0vw 0 2vw;position: relative;}
  #voice .inner-Box li{width: 100%;position: relative;}
  #voice .inner-Box li .system-pic{height: 70.8vw;overflow:hidden;text-align: center;margin-bottom: -9vw;}
  #voice .inner-Box li .system-pic img{height: 70vw;}
  #voice .inner-Box .system-list{}

  #blog-news{margin: 0 7vw;padding: 18.2vw 0 1.2vw 0;}
  
  /* blog -------------------------------------*/
  #blog{}
  #blog h2{border-bottom: 0.1vw solid #000;text-align: center;font-size: 2em;margin-bottom: 3.5vw;padding-bottom: 0.7vw;font-weight: 500;}
  #blog .btn{position: relative;margin: -1vw 17vw 14vw;}
  #blog .btn a{display: block;border-bottom: 0.1vw solid #000;text-transform: uppercase;font-size: 3.8vw;padding: 2.6vw 2.6vw 3.6vw 3.6vw;position: relative;}
  #blog .btn a::before{content: url('../images/index/arr.png');position: absolute;top: 2.2vw;right: 4.1vw;transform: scale(0.7);transform-origin: bottom right;}

  #blog .inner-Box{margin-bottom: 9.1vw;}
  #blog .system-list{margin-bottom: 6.5vw;overflow-y: scroll;height: 52.2vw;}
  #blog .system-list li{ width: 100%; overflow: hidden; background: #fff; border-bottom: 0.1vw dotted #ccc; margin-bottom: 2.6vw; padding-bottom: 2.6vw; }
  #blog .system-list li a:hover{ text-decoration: none; }
  #blog .system-pic{width: 20%;margin-right: 1.6vw;height: auto;overflow: hidden;text-align: center;margin-left: 2.6vw;float: left;}
  #blog .system-pic img{ max-width: 100%; height: auto; }
  #blog .system-txt {width: 70%;float: left;margin-left: 2%;}
  #blog .system-date{margin-bottom: 1.3vw;color: #8c8c8c;font-size: 2.8vw;}
  #blog .system-date::before{}
  #blog .system-ttl{font-size: 3.3vw;line-height: 1.4;font-weight: 400;}
  
  /* news -------------------------------------*/
  #news{    }
  #news h2{border-bottom: 0.1vw solid #000;text-align: center;font-size: 2em;margin-bottom: 5.5vw;padding-bottom: 2.7vw;font-weight: 500;}
  #news .btn{position: relative;margin: -1vw 17vw 14vw;}
  #news .btn a{display: block;border-bottom: 0.1vw solid #000;text-transform: uppercase;font-size: 3.8vw;padding: 2.6vw 2.6vw 3.6vw 3.6vw;position: relative;}
  #news .btn a::before{content: url('../images/index/arr.png');position: absolute;top: 2.2vw;right: 4.1vw;transform: scale(0.7);transform-origin: bottom right;}
  #news .iconn{position: relative;left: 2vw;width: 13vw;top: -1vw;display: inline-block;}
  #news .inner-Box{margin-bottom: 9.1vw;}
  #news .system-list{margin-bottom: 6.5vw;overflow-y: scroll;height: 52.2vw;}
  #news .system-list li{width: 100%;overflow: hidden;background: #fff;position: relative;border-bottom: 0.1vw dotted #ccc;margin-bottom: 2.6vw;padding: 0px 2.6vw 2.6vw 2.6vw;}
  #news .system-list li a:hover{ text-decoration: none; }
  #news .system-date{margin-bottom: 1.3vw;color: #8c8c8c;font-size: 2.8vw;}
  #news .system-ttl{width: 80%;font-size: 3.3vw;line-height: 1.4;font-weight: 400;}

#contents07{  margin: 0 4vw; }
#contents07 .banner{margin-bottom: 3.3vw;}
#contents07 .text{font-size: 2.8vw;margin-bottom: 20.6vw;text-align: center;letter-spacing: 0.4vw;}
#contents07 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-bottom: 16.0vw;}
#contents07 ul li{margin-right: 2%;text-align: center;width: 49%;margin-bottom: 8vw;}
#contents07 ul li:nth-child(2n){ margin-right: 0; }
#contents07 ul li figure{margin-bottom: 4vw;text-align: center;}
#contents07 ul li figure img{margin: 0 auto;width: 17vw;}
#contents07 ul li p{font-size: 3.4vw;}
#contents07 ul li p span{text-align: center;display: block;color: #a67c52;font-size: 2.8vw;}

.seo{background: #f2f2f2;margin-bottom: 9.7vw;}
.seo .inbox{margin: 0 4vw;padding: 5.2vw 0 6.5vw;color: #8c8c8c;font-size: 2.6vw;line-height:1.6;}


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