@charset "UTF-8";
.ueshita{-webkit-animation:ueshita 3s infinite linear alternate;animation:ueshita 3s infinite linear alternate;}
@-webkit-keyframes ueshita{
0%{top:49%;}
100%{top:50%;}
}
@keyframes ueshita{
0%{top:49%;}
100%{top:50%;}
}
#news-blog li a:hover img{opacity:1.0;}
#staff .system-list li:nth-child(n + 9){display:none;}
@media screen and (min-width: 768px), print{

body{ background: url('../images/202208index/main-back.jpg')no-repeat top center; }
header{margin-bottom: 30px;}
.h-big-ff-box{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;}
.h-big-ff-box .h-logo-box{margin-top: 55px;margin-left: 30px;}
.h-big-ff-box .h-cv-box{right: 295px;}
.h-big-ff-box .h-cv-box-02 .h-cv-list-02{right: 30px;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{width: 10px;position: absolute;left: 22.9vw;bottom: 11.7vw;}
.mainmenu{position: absolute;bottom: 19.3vw;right: 1vw;width: 4.4vw;z-index: 1000;}
.mainmenu img{ width: 100%; height: auto; }

.pc-menu{ display: none; }
.mainicon{
  position: absolute;
  bottom: -1.46vw;
  right: 2.3vw;
  width: 10vw;
  z-index: 1000;
}
.mainicon img{ width: 100%; height: auto; }
.mainicon2{position: absolute;bottom: -2vw;right: 13.3vw;width: 10vw;z-index: 1000;}
.mainicon2 img{ width: 100%; height: auto; }
.scroll {height: 100px;margin-left: 30px;}
.scroll img{position: relative;left: -9px;top: 9px;}
.scroll {display: inline-block;position: absolute;left: 1.5vw;bottom: 10vw;z-index: 2;padding: 10px 10px 110px;overflow: hidden;color: #ccc;font-size: 14px;font-family: 'Josefin Sans', sans-serif;line-height: 1;letter-spacing: .2em;text-transform: uppercase;text-decoration: none;writing-mode: vertical-lr;width: 60px;}
.scroll::after {content: '';position: absolute;bottom: 0;left: 50%;width: 1px;height: 100px;background: #000;}
.scroll::before {content: '';position: absolute;bottom: 0;left: 50%;width: 1px;height: 100px;background: rgba(217, 217, 217, 1);}
.scroll::after {height: 30px;animation: sdl 1.5s ease infinite;}
@keyframes sdl {
  0% {
    transform: translateY(-70px);
  }
  50%, 100% {
    transform: translateY(30px);
  }
}

.top-bnr{margin:30px 0px 50px;}
.top-bnr img{display:block;margin:auto;}	
.youtube-box{width:1100px;margin:0 auto 50px;}
.youtube-box iframe{width:100%!important;height:600px!important;}
#g-nav{margin-bottom:39px;}
.slider-hidden{ position:relative;}
.slider-hidden .icon{ z-index:9989;position:absolute;bottom:3px;right:30px;}
/* 3枚表示のbxslider
-------------------------------------*/
.slider-pc{width:100%;margin:0 auto 20px;height: 38vw;}
.slider-pc-box-inner img{width:100%}
.side-fix{display:block;}
.campaign-box{text-align:center;margin-bottom:32px;}
/* event -------------------------------------*/
#event{width:100%;margin: 0 auto 157px;padding-top: 103px;}
#event .ttl{width:1200px;margin:0 auto;text-align: center;padding-right: 66px;}
#event .ttl span{display: block;font-size: 16px;font-weight: 700;letter-spacing: 0.8px;margin-left: 68px;margin-top: 16px;}
#event .bg-box{}
#event .inner-Box{width: 1140px;margin:0 auto;padding-top: 12px;}
#event .system-pic{height: 240px;width: 100%;overflow:hidden;text-align:center;margin-bottom: 20px;}
#event .system-pic img{width: 100%;height: 240px;}
#event .system-list{margin-bottom: 18px;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;}
#event .system-list li{width: 360px;margin-right: 30px;background:#fff;margin-bottom:20px;position:relative;padding: 20px;}
#event .system-list li .icon{position: absolute;top: 0px;left: 6px;}
#event .system-list li div {position: relative;border-bottom: 1px dotted #000;padding-bottom: 5px;margin-bottom: 13px;}
#event .system-list li div p{display: block;padding-left: 47px;line-height: 1.6;}
#event .deco-icon{position:absolute;bottom:-6px;right:0;}
#event .system-list li:nth-child(3n){margin-right:0;}
#event .system-list li:hover .system-ttl-01{text-decoration:underline;}
#event .system-list li a:hover{text-decoration:none;}
#event .btn{text-align: center;}
#event .system-date{font-size: 16px; font-weight: normal; margin-bottom:16px;border-top: 2px dotted #333;margin-top: 10px;padding-top: 26px;}
#event .system-date .icon{top: 26px!important;}
#event .time .icon{left: 11px!important;}
#event .system-date::before{}
#event .system-ttl-01{font-size:16px;margin-bottom:20px;color:#282828;font-weight:700;line-height:1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;letter-spacing: 0.8px;}

#contents02{width: 1240px;height: 360px;background-color: #02284c;margin: 0 auto -239px;position: relative;}
#contents02 .inner-Box{ width: 960px; margin: 0 auto; padding-top: 70px; }
#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{ margin-right: 30px; margin-bottom: 40px; position: relative; }
#contents02 .inner-Box ul li span{position: absolute;top: 38px;left: 21px;font-size: 14px;font-weight: 700;letter-spacing: 0.7px;}
#contents02 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }

#contents03{background: url('../images/202208index/contents03-back.png')no-repeat top center;padding-top: 313px;text-align: center;padding-bottom: 115px;}

	.contents03-banner{margin-bottom: 50px;}
	
/*============================
#model-house
============================*/

#contents04 {background-image: linear-gradient(140deg, #112d50 0%, #02172f 100%);padding-top: 110px;/* min-height: 1180px; */padding-bottom: 110px;position: relative;}
#contents04 h2 {text-align: center;margin-bottom: 31px;}
#contents04 h2 img{  }
#contents04 p.subtext {text-align: center;color: #ffffff;font-size: 16px;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 59px;}
#contents04 .inner-Box {  }
#contents04 .inner-Box ul{width: 1100px; margin: 0 auto;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;}
#contents04 .inner-Box ul li {width: 1100px;position: relative;margin-right: 4%;}
#contents04 .inner-Box ul li:nth-child(2){ margin-right: 0px; }
#contents04 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contents04 .inner-Box ul li figure{margin-bottom: -82px;}
#contents04 .inner-Box h3{position: absolute;top: 0.9vw;left: 0;color: #ffffff;text-align: center;width: 100%;font-size: 27px;letter-spacing: 0.1vw;}
#contents04 .inbox {width: 400px;background: #f8f8f8;padding: 20px 20px 17px;margin-left: auto;margin-right: 23px;position: relative;margin-bottom: 55px;top: 20px;}
#contents04 .inbox p{border-bottom: 1px dotted #333;font-size: 14px;letter-spacing: 0.7px;padding-bottom: 6px;margin-bottom: 5px;}
#contents04 .inbox p.bnone{border-bottom: none; margin-bottom: 0;}
#contents04 .inbox p span.iconn{display: inline-block;background-color: #131517;width: 75px;font-size: 14px;color: #ffffff;letter-spacing: 0.7px;text-align: center;padding: 6px 0;margin-right: 8px;}
#contents04 span.more {text-align: right;display: block;margin-right: 23px;}
#contents04 p.btn{text-align: center;padding: 63px 0 90px;margin-bottom: 50px;}
#contents04 p.btn img{  }
#contents04 .contents04-txt{ text-align: center; font-weight: 18px; color: #fff; line-height: 1.6;margin: 40px 0 20px 0;}
#contents04 .contents04-btn-left{ text-align: center;margin: 0 auto; width: 760px; }
#contents04 .contents04-btn-right{ text-align: left;margin: -77px auto 0 0; width: 340px; }
#contents04 .contents04-btn{ color: #fff; font-size: 16px; text-align: center; border:1px solid #fff; width: 760px; position: relative;margin: 0 auto; }
#contents04 .contents04-btn::after{content: url(../images/202208index/btn-line.png); position:absolute;top: 10px; right: -15px;}
#contents04 .contents04-btn a{ color: #fff; width: 760px; display: block; padding: 14px 0 14px 0; }
	#contents04 .spec{width: 220px; height: 45px; background-color: #fff;font-size: 16px;font-weight: bold; letter-spacing: 2px; text-align: center; padding: 11px 0 0 0;border-radius: 25px;position: absolute;top: 100px;left: 750px;right: 0;margin: 0 auto;}
	


#movie{background: url('../images/202208index/contents05-back.jpg')no-repeat top center;padding-top: 162px;}
#movie h2{text-align: center;font-size: 56px;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 24px;}
#movie h2 span{}
#movie .slider-3mai-Box2 {position: relative;width: 100%;}
#movie .slider-3mai-Box2 .slider-3mai { position: relative; left: 50%; width: 2500px; margin-left: -1250px; }
#movie .slider-3mai-Box2 .slider-3mai li { width: 500px !important; padding: 0}
#movie .slider-3mai-Box2 .bx-wrapper .bx-controls-direction a {position: absolute;top: 12%;outline: 0;height: 100px;text-indent: -9999px;z-index: 9999;width: 30px;height: 120px;}
#movie .slider-3mai-Box2 .bx-wrapper .bx-prev {left: 981px;background-image: url(../images/202208index/contents05-right.jpg);background-position: 0 0;}
#movie .slider-3mai-Box2 .bx-wrapper .bx-next {right: 979px;background-image: url(../images/202208index/contents05-left.jpg);background-position: 0 0;}

#movie .inner-Box{width: 970px;margin:0 auto;min-height: 593px;}
#movie .system-list{margin-bottom:20px;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;}
#movie .system-list li{width: 300px!important;margin-right:12px;position:relative;}
#movie .system-list li:nth-child(4n){margin-right:0;}
#movie .system-list li a:hover{text-decoration:none;}
#movie .system-list li:hover .system-ttl-01{text-decoration:underline;}
#movie .system-num{background-color:#543d22;padding:22px 10px 16px;display:inline-block;position:absolute;top:0;left:0;color:#fff;font-size:18px;z-index:10;letter-spacing:0.05em;font-weight:700;}

#movie li.slick-slide{ padding: 0px 15px 0px 15px; }

#movie .system-pic{width:100%;height: 170px;overflow:hidden;text-align:center;margin-bottom: 14px;}
#movie .system-pic img{width:100%;height: 170px;}
#movie .system-date{font-size:14px;margin-bottom:15px;line-height:1.5;color:#c1832a;}
#movie .sys-box-dl{}
#movie .system-ttl-01{margin-bottom:20px;color:#282828;font-size: 16px;letter-spacing: 0.8px;line-height: 26px;}
#movie .area-name{margin-right:0.5em;}
#movie .btn{margin:0 auto;text-align: center;}
.prev-arrow{position: absolute;top: 30px;left: -35px;z-index: 100;}
.next-arrow{position: absolute;top: 30px;right: -35px;z-index: 100;}


#contents06 {background: url('../images/202208index/contents06-back.jpg')no-repeat top center;padding-bottom: 85px;}
#contents06 .inner-Box1 {width: 1198px;margin: 0 auto 157px;position: relative;padding-top: 88px;}
#contents06 .inner-Box1 h2 {margin-bottom: 52px;margin-left: 1px;}
#contents06 .inner-Box1 h2 img{  }
#contents06 .inner-Box1 span.subttl {display: inline-block;margin-left: 15px;letter-spacing: 0.7px;font-size: 14px;}
#contents06 .inner-Box1 h3 {margin-bottom: 36px;}
#contents06 .inner-Box1 h3 img{  }
#contents06 .inner-Box1 p.text {font-size: 14px;letter-spacing: 0.7px;line-height: 26px;margin-bottom: 25px;}
#contents06 .inner-Box1 p.btn{margin-top: 56px;}
#contents06 .inner-Box1 p.btn img{  }
#contents06 .inner-Box2 {width: 832px;margin: 0 auto;position: relative;left: 6px;}
#contents06 .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;}
#contents06 .inner-Box2 ul li {background: #fff;width: 256px;margin-right: 32px;padding: 70px 10px;position: relative;text-align: center;}
#contents06 .inner-Box2 ul li:nth-child(3n){ margin-right: 0px; }
#contents06 .inner-Box2 ul li img{  }
#contents06 .inner-Box2 ul li span.en {top: -41px;left: 0px;position: absolute;width: 100%;text-align: center;}
#contents06 .inner-Box2 ul li:nth-child(2) span.en{top: -41px;left: -1px;}
#contents06 .inner-Box2 ul li:nth-child(3) span.en{top: -41px;left: 3px;}
#contents06 .inner-Box2 ul li:nth-child(4) span.en{top: -41px;left: -2px;}
#contents06 .inner-Box2 ul li h4{font-size: 15px;font-weight: 700;letter-spacing: 0.75px;margin-bottom: 19px;}
#contents06 .inner-Box2 ul li p{line-height: 24px;letter-spacing: 0.7px;font-size: 14px;margin-top: 10px;}
#contents06 .inner-Box2 ul li span.more {position: absolute;bottom: 23px;right: 20px;}

#contents07 {background: url('../images/202208index/contents07-back.jpg')no-repeat top center;min-height: 790px;}
#contents07 .inner-Box {width: 1140px;margin: 0 auto;padding-top: 85px;}
#contents07 .inner-Box h2 {margin-bottom: 23px;}
#contents07 .inner-Box h2 img{  }
#contents07 .clearfix {  }
#contents07 .leftbox {width: 560px;float: left;margin-right: 30px;}
#contents07 .leftbox p.btn{margin-bottom: 10px;}
#contents07 .leftbox p.btn img{  }
#contents07 .leftbox p.text {font-size: 16px;letter-spacing: 0.8px;}
#contents07 .rightbox { width: 1140px; }
#contents07 .rightbox .box1{ width: 550px; float: left; }
#contents07 .rightbox .box2{ width: 550px; float: right; }
#contents07 .rightbox p.btn{margin-bottom: 12px;}
#contents07 .rightbox p.btn img{  }
#contents07 .rightbox p.text {font-size: 16px;letter-spacing: 0.8px;margin-bottom: 32px;}

.backk{background:#f4f4f4;padding-bottom:120px;padding-top:180px;}


/* case -------------------------------------*/
#case{padding-top: 139px;background-position:0 bottom,0 0;background-repeat:repeat-x,repeat;}
#case .ttl-box{text-align:center;margin:0 auto 45px;width: 237px;position:relative;}
#case .ttl-txt{color:#282828;font-size:20px;font-weight:700;letter-spacing:0.09em;}
#case .ttl-balloon{position:absolute;top:-100px;right:16px;}
#case h2{text-align: center;}
#case h2 span{display: block;font-size: 16px;font-weight: 700;letter-spacing: 0.8px;line-height: 1;margin-top: 15px;}
#case .inner-Box{width: 1211px;margin:0 auto;position: relative;}
#case .inner-Box .hiraya-btnlink{width: 400px;position: absolute; right: 0px; top: 0px;}
#case .system-list{margin-bottom:20px;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;}
#case .system-list li{width: 294px;margin-right: 11px;margin-bottom: 40px;background:#fff;position:relative;}
#case .system-list li:nth-child(4n){margin-right:0;}
#case .system-list li a:hover{text-decoration:none;}
#case .system-list li a::before{content: "";background-color: #131517;width: 20px;height: 1px;position: absolute;bottom: 23px;right: 24px;}
#case .system-list li:hover .system-ttl-01{text-decoration:underline;}
#case .system-num{background-color:#543d22;padding:22px 10px 16px;display:inline-block;position:absolute;top:0;left:0;color:#fff;font-size:18px;z-index:10;letter-spacing:0.05em;font-weight:700;}

#case .system-pic{width:100%;height:230px;overflow:hidden;text-align:center;}
#case .system-pic img{width:100%;height:230px;}
#case .system-date{font-size:14px;margin-bottom:15px;color: #909090;letter-spacing: 0.7px;line-height: 1;}
#case .sys-box-dl{padding: 25px 24px;}
#case .system-ttl-01{margin-bottom: 10px;color:#282828;font-size: 16px;letter-spacing: 0.8px;line-height: 26px;}
#case .area-name{margin-right:0.5em;}
#case .btn{position:relative;width:900px;margin:0 auto;margin:0 auto;}
#case .deco{position:absolute;top:22px;right:22px;}
#case .btn a{width:900px;margin-right:auto;color:#fff;padding:20px 50px;font-size:20px;text-align:center;display:inline-block;letter-spacing:0.1em;position:relative;}
/* hiraya -------------------------------------*/
#hiraya{width: 1100px;border: 1px solid #131517;padding: 5px;margin: 0 auto;position: relative;}
#hiraya .inner-Box{border: 1px solid #131517;}

#hiraya .ttl-box{text-align:center;margin-bottom:50px;position:relative;padding-right:38px;}
#hiraya .ttl-txt{color:#282828;font-size:20px;font-weight:700;letter-spacing:0.09em;}
#hiraya .ttl-balloon{position:absolute;top:-100px;right:16px;}
#hiraya h2{ position: absolute; top: -150px; left: 43px;}
#hiraya .system-list{margin-bottom:20px;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 43px;}
#hiraya .system-list li{width: 296px;margin-right: 56px;margin-bottom:25px;background:#fff;position:relative;background-color: #af9175;}
#hiraya .system-list li a::before{content: "";background-color: #131517;width: 20px;height: 1px;position: absolute;bottom: 23px;right: 24px;}
#hiraya .system-list li:nth-child(4n){margin-right:0;}
#hiraya .system-list li a:hover{text-decoration:none;}
#hiraya .system-list li:hover .system-ttl-01{text-decoration:underline;}
#hiraya .system-num{background-color:#378A3F;padding:4px 10px 3px;display:inline-block;position:absolute;top:-28px;left:0;color:#fff;font-size:18px;z-index:10;letter-spacing:0.05em;font-weight:700;}

#hiraya .system-pic{width:100%;height:230px;overflow:hidden;text-align:center;}
#hiraya .system-pic img{width:100%;height:230px;}
#hiraya .system-date{font-size:14px;margin-bottom:15px;line-height: 1;color: #fff;}
#hiraya .sys-box-dl{padding: 24px 24px;}
#hiraya .system-ttl-01{font-size:14px;margin-bottom:10px;line-height:1.5;color: #fff;}
#hiraya .area-name{
  display: block;
  margin-bottom: 8px;
}
#hiraya .btn{position:relative;margin: 15px 42px 39px auto;text-align: right;}

#hiraya .system-list li:nth-child(1){width: 1000px;margin-right: 0;background: none;min-height: 297px;}
#hiraya .system-list li:nth-child(1) a::before{content: none;}
#hiraya .system-list li:nth-child(1) .sys-box-dl{padding: 0;width: 540px;background-color: #af9175;position: relative;padding: 54px 0 25px 0;}
#hiraya .system-list li:nth-child(1) .system-pic{width: 480px;height: 381px;overflow:hidden;text-align:center;position: absolute;top: -100px;right: 0;}
#hiraya .system-list li:nth-child(1) .system-pic img{width:100%;height: 381px;}
#hiraya .system-list li:nth-child(1) .system-date{font-size:14px;margin-bottom:15px;line-height: 1;color: #fff;position: absolute;top: 20px;left: 22px;}
#hiraya .system-list li:nth-child(1) .system-ttl-01{font-size:14px;margin-bottom:10px;line-height:1.5;color: #fff;border-top: 1px #fff solid;display: block;padding: 20px;
margin-top: 16px;
}


/* voice -------------------------------------*/
#voice{margin-bottom: 64px;background: url('../images/202208index/voice-back.jpg')no-repeat top center;padding-top: 62px;min-height: 950px;}
#voice h2{text-align: center;}
#voice h2 span{display: block;font-size: 16px;font-weight: 700;letter-spacing: 0.8px;line-height: 1;margin-top: 15px;color: #fff;}


#voice .voice-ttl{text-align:center;margin-bottom:24px;}
#voice .voice-txt{color:#3d3d3d;font-size:16px;text-align:center;margin-bottom:24px;letter-spacing:0.09em;}
#voice .inner-Box{width: 1023px;margin:0 auto;padding: 33px 0px 0px;position:relative;}
#voice .rel-box{position:relative;margin-bottom:18px;}
#voice .system-pic{width: 100%;height: 262px;margin-bottom: 14px;overflow:hidden;text-align:center;}
#voice .system-pic img{height:307px;width:280px;}
#voice .system-list li{position:relative;width: 322px;margin-right: 28px;background:#fff;position:relative;margin-bottom:46px;padding: 30px 30px 55px;}
#voice .system-list li:hover .system-ttl-01{text-decoration:underline;}
#voice .system-list li:nth-child(3n){margin-right:0;}
#voice .system-list li:nth-child(4){display: none;}
#voice .system-list li:nth-child(1)::before{content: url('../images/202208index/voice-no01.png');position: absolute;top: 13px;right: 12px; z-index: 9;}
#voice .system-list li:nth-child(2)::before{content: url('../images/202208index/voice-no02.png');position: absolute;top: 13px;right: 12px; z-index: 9;}
#voice .system-list li:nth-child(3)::before{content: url('../images/202208index/voice-no03.png');position: absolute;top: 13px;right: 12px; z-index: 9;}
#voice .system-list li:nth-child(4)::before{content: url('../images/202208index/voice-no04.png');position: absolute;top: 13px;right: 12px; z-index: 9;}
/* 色付け設定 */

#voice .system-num {
  position: absolute;
  top: 210px;
  right: 7px;
  width: 88px;
  height: 88px;
  font-family: 'Bree Serif', serif;
  color: #fff;
  font-size: 30px;
  text-align: center;
  background-repeat: no-repeat;
  padding-top: 18px;
  line-height: 1;
}
#voice .system-num .num-vol {
  display: block;
  font-size: 14px;
}
#voice .area-name {
  margin-right: 0.5em;
}
/* 色付け設定 */
#voice .system-list li:nth-last-child(4n+1) .rel-box {
  background-color: #ebdeac;
}
#voice .system-list li:nth-last-child(4n+1) .system-num {
  background-image: url(../images/index/voice-vol-bg-01.png);
}
#voice .system-list li:nth-last-child(4n+2) .rel-box {
  background-color: #9ed6c0;
}
#voice .system-list li:nth-last-child(4n+2) .system-num {
  background-image: url(../images/index/voice-vol-bg-02.png);
}
#voice .system-list li:nth-last-child(4n+3) .rel-box {
  background-color: #e6c0af;
}
#voice .system-list li:nth-last-child(4n+3) .system-num {
  background-image: url(../images/index/voice-vol-bg-03.png);
}
#voice .system-list li:nth-last-child(4n+4) .rel-box {
  background-color: #9ecbd6;
}
#voice .system-list li:nth-last-child(4n+4) .system-num {
  background-image: url(../images/index/voice-vol-bg-04.png);
}

#voice .system-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: -19px;}
#voice .system-list li a:hover{text-decoration:none;}
#voice .system-list li .more{position: absolute;bottom: 20px;right: 21px;}
#voice .system-customer{color:#c1832a;font-size:14px;margin-bottom:10px;line-height:1.6;}
#voice .system-ttl-01{color:#282828;font-size: 16px;letter-spacing: 0.8px;line-height: 26px;}
#voice .area-name{margin-right:0.5em;}
#voice .btn{position:relative;width:900px;margin: 31px auto;text-align: center;}
#voice .deco{position:absolute;top:22px;right:22px;}
#voice .btn a{text-align: center;}


/*============================
#staff
============================*/
#staff{width:1100px;margin: 0 auto 100px;position:relative;background-color: #f1f1f1;padding: 58px 40px 70px 40px;}
#staff h2{text-align: center;}
#staff h2 span{display: block;font-size: 16px;font-weight: 700;letter-spacing: 0.8px;line-height: 1;margin-top: 15px;}
#staff .sibttl{text-align: center;font-size: 16px;letter-spacing: 0.8px;margin-bottom: 31px;}

#staff .ttl{text-align:center;margin-bottom: 23px;}
#staff .ttl-txt{text-align:center;color:#3d3d3d;margin-bottom:50px;letter-spacing:0.09em;}
#staff .rel-box{position:relative;}
#staff .rel-box .staff-deco{position:absolute;top:-42px;left:0;right:0;width:16px;margin:0 auto;}
#staff .system-list{width:1100px;margin: 0 auto 9px;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;}
#staff .system-list a{text-decoration:none;}
#staff .system-list li{width:240px;min-height:320px;position:relative;margin-right:20px;margin-bottom: 36px;}
#staff .system-list li:nth-child(4n){margin-right:0;}
#staff .system-list li:nth-child(n + 9){display: none;}
#staff .system-list li:hover .system-jp{text-decoration:underline;}
#staff .system-list .system-pic{ width: 225px; height: 280px; overflow: hidden; }
#staff .system-list .picb{ position: relative; width: 240px; height: 298px; background: url('../images/202208index/staff-back.png')no-repeat bottom right; padding-right: 15px; padding-bottom: 18px; }
#staff .system-list .picb span{bottom: 0;right: 0px;position: absolute;}
#staff .system-list .system-jp{text-align:center;}
#staff .system-list .system-jp-box{display:inline-block;text-align:left;}
#staff .system-list .system-txt-box{}
#staff .system-list .system-en{font-size:11px;font-weight:700;color:#ea8827;text-align:center;}
#staff .system-list .sei-en{margin-right:.5em;margin-bottom:8px;display:inline-block;text-align:left;word-break:break-all;line-height:1.4;}
#staff .system-list .mei-en{margin-bottom:8px;display:inline-block;text-align:left;word-break:break-all;line-height:1.4;}
#staff .system-list .system-jp{font-size: 17px;}
#staff .system-list .sei-jp{margin-right:0.7em;margin-bottom:16px;display:inline-block;}
#staff .system-list .mei-jp{display:inline-block;margin-bottom:16px;}
#staff .system-list .system-job{border-top:1px solid #ffffff;padding-top:12px;text-align:center;margin-bottom: 5px;}
#staff .system-list .system-job .system-job-dl{color:#3d3d3d;line-height:1.5;display:inline-block;font-size: 14px;text-align: center;}
#staff .btn{ text-align: center; }

#news-blog .news-blog-inner{width: 1139px;margin: 0 auto 90px;padding-top:52px;/* padding-bottom:68px; */position:relative;}
#news-blog h2 span{display: inline-block;margin-left: 18px;font-size: 16px;font-weight: 700;letter-spacing: 0.8px;}
#news-blog .ttl-box{margin-bottom: 40px;margin-left: 4px;}
#news-blog .system-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;}
#news-blog li{background-color:#fff;position:relative;margin-right: 39px;width: 255px;}
#news-blog li:nth-child(4n){margin-right:0px;}
#news-blog li a{text-decoration:none;}
#news-blog li a:hover .sysytem-ttl{text-decoration:underline;}
#news-blog .link-more-deco{position:absolute;right:0;bottom:0;}
#news-blog .system-pic{width:100%;height: 191px;overflow:hidden;text-align:center;background-image:url(../images/common/img_noimage.png);background-size:cover;background-position:center;margin-bottom: 13px;}
#news-blog .system-pic img{width:100%;height: 191px;}
#news-blog .system-txt-box{}
#news-blog .system-date{font-size:14px;margin-bottom: 10px;color: #b49577;letter-spacing: 0.7px;}
#news-blog .sysytem-ttl{color:#282828;font-size:14px;letter-spacing: 0.7px;line-height: 22px;}
#news-blog .btn{position:absolute;margin:0 auto;top: 30px;right: -1px;}
#news-blog .deco{position:absolute;top:10px;right:16px;}
.recruit-bnr{width:900px;margin:0 auto;margin-bottom:52px;}
.seo{width:900px;margin:0 auto;}
.seo-ttl{text-align:center;margin-bottom:27px;}
.seo-txt-box{color: #fff;width: 940px;font-size: 14px;line-height: 22px;letter-spacing: 0.7px;margin: 0 auto;padding: 66px 0 0px;font-weight: normal;display: block;}
.end-contents-area{padding-bottom: 38px;}
}


@media screen and (min-width:768px) and ( max-width:1700px) {
#contents04 .ibuki-box{position: relative; bottom: 95px;}
}


@media screen and (max-width:767px){
p{ font-weight: normal; }
.main-ch{margin: 4.5vw 9.3vw 3vw 5.7vw;}
.mainicon{position: relative; bottom: 24vw; left: 12vw; z-index: 1001; width: 24vw; height: 1px; margin-bottom: -1px;}
.mainicon2{position: relative; bottom: 48vw; left: 12vw; z-index: 1001; width: 24vw; height: 1px; margin-bottom: -1px;}
.sp-slider{ background: url('../images/202208index/sp-main-slide-back.jpg')no-repeat bottom left; background-size: 100% auto; }
.bx-wrapper .bx-pager{  }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{width: 4vw;margin-left: 3vw;z-index: 1002;bottom: 3vw;}
.bx-wrapper .bx-pager.bx-default-pager a{width: 1.8vw;height: 1.8vw;margin-bottom: 4.4vw;}

.pc-menu{ display: none!important; }
/* event -------------------------------------*/
#event{margin: 0 auto -5.5vw;padding-top: 7vw;background: url('../images/202208index/contents01-back.jpg')}
#event .ttl{margin: 0 25vw 4vw 23.5vw;text-align: center;padding-right: 8.6vw;}
#event .ttl span{display: block;font-size: 3.8vw;font-weight: 700;letter-spacing: 0.4vw;margin-left: 9.9vw;margin-top: 4.1vw;line-height: 1;}
#event .bg-box{}
#event .inner-Box{margin:0 auto;padding-top: 1.6vw;}
#event .system-list li:nth-child(1) .system-pic{height: 58.3vw;width: 100%;overflow:hidden;text-align:center;margin-bottom: 2.6vw;}
#event .system-list li:nth-child(1) .system-pic img{width: 100%;height: 62.3vw;}
#event .system-list li .system-pic{height: 32vw;width: 100%;overflow:hidden;text-align:center;margin-bottom: 2.6vw;}
#event .system-list li .system-pic img{width: 100%;height: 32vw;}
#event .system-list{margin-bottom: 2.3vw; padding: 0 3vw; 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;}
#event .system-list li{margin-right: 2%;background:#fff;margin-bottom:2.6vw;position:relative;padding: 3vw 2vw;margin-bottom: 6vw;width: 49%;}
#event .system-list li:nth-child(1){ margin-right: 0; width: 100%; padding: 5vw 4vw; }
#event .system-list li:nth-child(3){ margin-right: 0; }
#event .system-list li .icon{position: absolute;top: 0.8vw;left: 1.8vw;}
#event .system-list li .place .icon img{width: 5vw;}
#event .system-list li div {position: relative;border-bottom: 1px dotted #000;padding-bottom: 0.7vw;margin-bottom: 2.5vw;}
#event .system-list li div p{display: block;padding-left: 11.1vw;line-height: 1.6;padding-top: 4vw;margin-bottom: 1vw;}
#event .deco-icon{position:absolute;bottom:-0.8vw;right:0;}
#event .system-list li:nth-child(3n){margin-right:0;}
#event .system-list li:hover .system-ttl-01{text-decoration:underline;}
#event .system-list li a:hover{text-decoration:none;}
#event .btn{text-align: center;margin: 0 8.5vw;padding: 5vw 0 17vw;}
#event .system-date{font-size: 3.6vw;font-weight: normal; margin-bottom:2.1vw;border-top: 0.3vw dotted #333;margin-top: 5.3vw;/* padding-top: 20.8vw; */}
#event .system-date .icon{top: 3.8vw!important;left: 1.5vw!important;}
#event .system-date .icon img{width: 6vw;}
#event .time .icon{left: 2.5vw!important;top: 1vw!important;}
#event .time .icon img{width: 4vw;}
#event .system-date::before{}
#event .system-ttl-01{font-size: 3.8vw;margin-bottom:2.6vw;color:#282828;font-weight:700;line-height:1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;letter-spacing: 0.3vw;}
#event .slider .bx-wrapper .bx-prev {left: 91vw;background-image: url(../images/202208index/sp-contents01-right.png);background-size: 100% auto;background-position: 0 0;width: 4.8vw;height: 33vw;top: 22vw;}
#event .slider .bx-wrapper .bx-next {right: 91vw;background-image: url(../images/202208index/sp-contents01-left.png);background-size: 100% auto;background-position: 0 0;width: 4.8vw;height: 61vw;top: 22vw;}
#event .system-list li .time .place-txt{padding-top: 1.2vw;font-size: 3.2vw;padding-bottom: 1vw;}
#event .system-list li .place .place-txt{padding-top: 1.2vw;font-size: 3.2vw;padding-bottom: 1vw;}

#contents02{height: 46.9vw;background-color: #02284c;margin: 0 auto -25.1vw;position: relative;}
#contents02 .inner-Box{  margin: 0 4vw; padding-top: 9.1vw; }
#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{ margin-right: 3.9vw; margin-bottom: 5.2vw; position: relative; }
#contents02 .inner-Box ul li span{position: absolute;top: 5.0vw;left: 20.1vw;font-size: 1.8vw;font-weight: 700;letter-spacing: 0.3vw;}
#contents02 .inner-Box ul li:nth-child(3n){ margin-right: 0vw; }

#contents03{text-align: center;}
	
	.contents03-banner{width: 90%;margin: 0 auto 5vw;}

/*============================
#model-house
============================*/

#contents04 {background-image: linear-gradient(140deg, #112d50 0%, #02172f 100%);padding-top: 14.1vw;}
#contents04 h2 {text-align: center;margin: 0 18.7vw 4vw;}
#contents04 h2 img{  }
#contents04 p.subtext {text-align: center;color: #ffffff;font-size: 3.6vw;font-weight: 700;letter-spacing: 0.2vw;margin-bottom: 10.7vw;}
#contents04 .inner-Box {  }
#contents04 .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-bottom: -8vw;}
#contents04 .inner-Box ul li {position: relative;}
#contents04 .inner-Box ul li:nth-child(2){ margin-right: 0vw; }
#contents04 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contents04 .inner-Box ul li figure{ margin-bottom: 4vw; }
#contents04 .inner-Box h3{ display: none;}
#contents04 .inbox {background: #f8f8f8;padding: 3.4vw 4vw;position: relative;margin: 0 4vw 4vw;}
#contents04 .inbox p{border-bottom: 0.1vw dotted #333;font-size: 3.6vw;letter-spacing: 0vw;padding-bottom: 1.8vw;margin-bottom: 2.7vw;}
#contents04 .inbox p.bnone{border-bottom: none; margin-bottom: 0;}
#contents04 .inbox p span.iconn{display: inline-block;background-color: #131517;font-size: 3.6vw;color: #ffffff;letter-spacing: 0.3vw;text-align: center;padding: 1.5vw 0;margin-right: 2vw;width: 19vw;line-height: 1;}
#contents04 .inbox p span.spp{ padding-left: 21vw;}
#contents04 span.more {display: block;line-height: 1;margin: 0 4vw 16vw 69.5vw;}
#contents04 p.btn{text-align: center;margin: 0 8.5vw 10vw;padding-bottom: 18vw;position: relative;}
#contents04 p.btn img{  }
#contents04 .contents04-txt{ text-align: center; font-weight: 3.6vw; color: #fff; line-height: 1.6;margin: 4vw 0 4vw 0;}
#contents04 .contents04-btn-left{ margin: 0 auto 15vw auto; width: 90%; }
#contents04 .contents04-btn-right{margin: 0 auto 20vw auto; width: 90%; }
#contents04 .contents04-btn{ color: #fff; font-size: 3.6vw; text-align: center; border:1px solid #fff; width: 100%; position: relative;  }
#contents04 .contents04-btn::after{content: url(../images/202208index/btn-line.png); position:absolute;top: 3vw; right: -3vw;}
#contents04 .contents04-btn a{ color: #fff; width: 100%; display: block; padding: 4vw 0 4vw 0; }

	#contents04 .spec{width: 50%; height: 9vw; background-color: #fff;font-size: 3.2vw;font-weight: bold; letter-spacing: 1vw; text-align: center; padding: 2vw 0 0 0;border-radius: 20vw;margin: 0 auto 15vw;}



#movie{background: url('../images/202208index/sp-contents05-back.jpg')no-repeat top center;background-size: 100% auto;padding-top: 18vw;}
#movie h2{text-align: center;font-size: 10.3vw;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 3vw;}
#movie h2 span{}
#movie .slider-3mai-Box2 {position: relative;width: 100%;}
#movie .slider-3mai-Box2 .slider-3mai { position: relative; left: 50%;  margin-left: -126.5vw; }
#movie .slider-3mai-Box2 .slider-3mai li { width: 65.2vw !important; padding: 0}
#movie .slider-3mai-Box2 .bx-wrapper .bx-controls-direction a {position: absolute;top: 10.5vw;outline: 0;height: 13.0vw;text-indent: -1303.7vw;z-index: 99;height: 28.6vw;}
#movie .slider-3mai-Box2 .bx-wrapper .bx-prev {left: 91vw;background-image: url(../images/202208index/sp-contents05-right.jpg);background-size: 100% auto;background-position: 0 0;width: 4.8vw;height: 61vw;top: 22vw;}
#movie .slider-3mai-Box2 .bx-wrapper .bx-next {right: 91vw;background-image: url(../images/202208index/sp-contents05-left.jpg);background-size: 100% auto;background-position: 0 0;width: 4.8vw;height: 61vw;top: 22vw;}

.prev-arrow{position: absolute;top: 7vw;left: -7.5vw;z-index: 100;width: 5vw !important;}
.next-arrow{position: absolute;top: 7vw;right: -7.5vw;z-index: 100;width: 5vw !important;}

#movie li.slick-slide{ padding: 0px 5vw 0px 5vw; }


#movie .inner-Box{margin:0 auto;width: 80%;}
#movie .system-list{margin-bottom:2.6vw;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;}
#movie .system-list li{margin-right:1.6vw;position:relative;width: 77.2vw!important;margin: 0 11.4vw 5vw !important;}
#movie .system-list li:nth-child(4n){margin-right:0;}
#movie .system-list li a:hover{text-decoration:none;}
#movie .system-list li:hover .system-ttl-01{text-decoration:underline;}
#movie .system-num{background-color:#543d22;padding:20.3vw 1.3vw 2.1vw;display:inline-block;position:absolute;top:0;left:0;color:#fff;font-size:2.3vw;z-index:10;letter-spacing:0.05em;font-weight:700;}

#movie .system-pic{width:100%;height: 42.1vw;overflow:hidden;text-align:center;margin-bottom: 2.2vw;}
#movie .system-pic img{width:100%;height: 59.1vw;}
#movie .system-date{font-size:1.8vw;margin-bottom:10.7vw;line-height:1.5;color:#c1832a;}
#movie .sys-box-dl{}
#movie .system-ttl-01{ font-weight: normal; margin-bottom:2.6vw;color:#282828;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;}
#movie .area-name{margin-right:0.5em;}
#movie .btn{margin: 0 8.5vw;text-align: center;}



#contents06 {}
#contents06 .inner-Box1 {margin: 0 auto 1.5vw;position: relative;padding-top: 15vw;text-align: center;}
#contents06 .inner-Box1 h2 {margin-bottom: 8.3vw;margin-left: 0.1vw;}
#contents06 .inner-Box1 h2 img{  }
#contents06 .inner-Box1 span.subttl {display: inline-block;margin-left: 10.7vw;letter-spacing: 0.3vw;font-size: 1.8vw;}
#contents06 .inner-Box1 h3 {margin-bottom: 30.8vw;}
#contents06 .inner-Box1 h3 img{  }
#contents06 .inner-Box1 p.text {font-size: 3.3vw;letter-spacing: 0.25vw;line-height: 2.1;margin-bottom: 6.7vw;}
#contents06 .inner-Box1 p.btn{margin: 14.4vw 11.5vw 12vw 11.5vw;}
#contents06 .inner-Box1 p.btn img{  }
#contents06 .inner-Box2 {position: relative;background: url('../images/202208index/sp-contents06-back.jpg');padding: 13.5vw 8vw 0vw;}
#contents06 .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;}
#contents06 .inner-Box2 ul li {background: #fff;padding: 15vw 3vw 10vw 3vw;position: relative;text-align: center;margin-bottom: 10vw;}
#contents06 .inner-Box2 ul li:nth-child(4n){ margin-right: 0vw; }
#contents06 .inner-Box2 ul li .en img{width: 32vw;}
#contents06 .inner-Box2 ul li span.en {top: -11.1vw;left: 26vw;position: absolute;text-align: center;}
#contents06 .inner-Box2 ul li figure{margin-bottom: 4vw;}
#contents06 .inner-Box2 ul li:nth-child(2) span.en img{width: 14.5vw;}
#contents06 .inner-Box2 ul li:nth-child(3) span.en img{width: 28vw;}
#contents06 .inner-Box2 ul li:nth-child(4) span.en img{width: 16vw;}
#contents06 .inner-Box2 ul li:nth-child(2) span.en{top: -6.1vw;left: 34.4vw;}
#contents06 .inner-Box2 ul li:nth-child(3) span.en{top: -9.8vw;left: 28vw;}
#contents06 .inner-Box2 ul li:nth-child(4) span.en{top: -6.1vw;left: 33vw;}
#contents06 .inner-Box2 ul li h4{font-size: 4.3vw;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 5.5vw;}
#contents06 .inner-Box2 ul li p{line-height:1.6;letter-spacing: 0vw;font-size: 3.6vw;margin-top: 1.3vw;}
#contents06 .inner-Box2 ul li span.more {position: absolute;bottom: 4.2vw;right: 3.6vw;width: 9.4vw;}

#contents07 {background: url('../images/202208index/sp-contents07-back.jpg')no-repeat top center;background-size: 100% auto;padding-bottom: 4vw;}
#contents07 .inner-Box {margin: 0 4vw;padding-top: 17.7vw;}
#contents07 .inner-Box h2 {margin-bottom: 5vw;margin-right: 51vw;}
#contents07 .inner-Box h2 img{  }
#contents07 .clearfix {  }
#contents07 .leftbox {
    margin-bottom: 6.5vw;
}
#contents07 .leftbox p.btn{margin-bottom: 2.6vw;}
#contents07 .leftbox p.btn img{  }
#contents07 .leftbox p.text {font-size: 3.5vw;text-align: center;}
#contents07 .rightbox {text-align: center;}
#contents07 .rightbox p.btn{margin-bottom: 2.6vw;}
#contents07 .rightbox p.btn img{  }
#contents07 .rightbox p.text {font-size: 3.5vw;margin-bottom: 6.2vw;}

.backk{background: #f4f4f4;padding-bottom: 14.6vw; padding-top: 35vw;}

/* case -------------------------------------*/
#case{padding-top: 17.9vw;background-position:0 bottom,0 0;background-repeat:repeat-x,repeat;margin-bottom: 0vw;}
#case .ttl-box{position:relative;width: 43vw;}
#case .ttl-txt{color:#282828;font-size:2.6vw;font-weight:700;letter-spacing:0.09em;}
#case .ttl-balloon{position:absolute;top:-13.0vw;right:2.1vw;}
#case h2{text-align:left;width:38vw;margin-left:4vw;margin-bottom:6vw;}

#case h2 span{display: block;font-size: 3.7vw;font-weight: 700;letter-spacing: 0.3vw;line-height: 1;margin-top: 3.7vw;}
#case .inner-Box{margin:0 auto;position: relative;}
#case .inner-Box .hiraya-btnlink{width:49vw;position:absolute;right:0px;top:-1vw;}
#case .system-list{margin: 0 4vw 2.6vw;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;}
#case .system-list li{margin-right: 5%;margin-bottom: 5.2vw;background:#fff;position:relative;width: 47.5%;}
#case .system-list li:nth-child(2n){margin-right:0;}
#case .system-list li a:hover{text-decoration:none;}
#case .system-list li a::before{content: "";background-color: #131517;height: 0.1vw;position: absolute;bottom: 3.4vw;right: 4.1vw;width: 3vw;}
#case .system-list li:hover .system-ttl-01{text-decoration:underline;}
#case .system-num{background-color:#543d22;padding: 1.3vw 2.1vw;display:inline-block;position:absolute;top:0;left:0;color:#fff;font-size:2.3vw;z-index:10;letter-spacing:0.05em;font-weight:700;}

#case .system-pic{width:100%;height: 34.5vw;overflow:hidden;text-align:center;}
#case .system-pic img{width:100%;height: 34.9vw;}
#case .system-date{font-size: 3.2vw;color: #909090;letter-spacing: 0.3vw;line-height: 1;}
#case .sys-box-dl{padding: 2.5vw 3vw 8.5vw 3vw;}
#case .system-ttl-01{margin-bottom: 1.3vw;color:#282828;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;}
#case .area-name{margin-right:0.5em;}
#case .btn{position:relative;margin: 0 8.2vw;}
#case .deco{position:absolute;top:20.3vw;right:20.3vw;}
/* hiraya -------------------------------------*/
#hiraya{border: 0.1vw solid #131517;padding: 0.7vw;margin: 0 4vw;position: relative;}
#hiraya .inner-Box{border: 0.1vw solid #131517;padding-bottom: 5.5vw;}

#hiraya .ttl-box{text-align:center;margin-bottom: 8.3vw;position:relative;padding-right:5.0vw;}
#hiraya .ttl-txt{color:#282828;font-size:2.6vw;font-weight:700;letter-spacing:0.09em;}
#hiraya .ttl-balloon{position:absolute;top:-13.0vw;right:2.1vw;}
#hiraya h2{position:absolute;top:-23vw;left:16.4vw;width:71.5vw;}

#hiraya .system-list{margin-bottom:2.6vw;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 4vw;}
#hiraya .system-list li{margin-right: 6%;margin-bottom: 8vw;background:#fff;position:relative;background-color: #af9175;width: 47%;}
#hiraya .system-list li a::before{content: "";background-color: #131517;height: 0.1vw;position: absolute;bottom: 2.6vw;right: 3.6vw;width: 3.5vw;}
#hiraya .system-list li:nth-child(2n){margin-right:0;}
#hiraya .system-list li a:hover{text-decoration:none;}
#hiraya .system-list li:hover .system-ttl-01{text-decoration:underline;}
#hiraya .system-num{background-color:#378A3F;padding:2.3vw 1.3vw 2.1vw;display:inline-block;position:absolute;top:0;left:0;color:#fff;font-size:2.3vw;z-index:10;letter-spacing:0.05em;font-weight:700;}

#hiraya .system-pic{width:100%;height: 30.5vw;overflow:hidden;text-align:center;}
#hiraya .system-pic img{width:100%;height: 35.9vw;}
#hiraya .system-date{font-size: 3.4vw;margin-bottom: 2.7vw;line-height: 1;color: #fff;padding-left: 3vw;}
#hiraya .sys-box-dl{padding: 2.1vw 0vw;}
#hiraya .system-ttl-01{font-size: 3.4vw;margin-bottom:1.3vw;line-height:1.5;color: #fff;border-top: 1px solid #fff;padding: 2vw 2vw 5vw;}
#hiraya .area-name{
  display: block;
  margin-bottom: 1.932vw;
}
#hiraya .btn{position:relative;margin: 0vw 4vw;text-align: right;position: relative;top: -2vw;}


/* voice -------------------------------------*/
#voice{margin-bottom: 14.2vw;background: url('../images/202208index/sp-voice-back.jpg')no-repeat top center;background-size: 100% auto;padding-top: 10.3vw;}
#voice h2{text-align: center;margin: 0 33.5vw;}
#voice h2 span{display: block;font-size: 3.6vw;font-weight: 700;letter-spacing: 0.4vw;line-height: 1;margin-top: 2.4vw;color: #fff;}


#voice .voice-ttl{text-align:center;margin-bottom:3.1vw;}
#voice .voice-txt{color:#3d3d3d;font-size:2.1vw;text-align:center;margin-bottom:3.1vw;letter-spacing:0.09em;}
#voice .inner-Box{margin: 0 4vw;padding: 5vw 0px 0vw;position:relative;}
#voice .rel-box{position:relative;margin-bottom:2.3vw;}
#voice .system-pic{width: 100%;height: 36.3vw;margin-bottom: 1.2vw;overflow:hidden;text-align:center;}
#voice .system-pic img{height:40.0vw;width:36.5vw;}
#voice .system-list li{margin-right: 5%;background:#fff;position:relative;margin-bottom: 7vw;padding: 3.9vw 3.9vw 10.7vw;width: 47.5%;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);}
#voice .system-list li:hover .system-ttl-01{text-decoration:underline;}
#voice .system-list li:nth-child(2n){margin-right:0;}
#voice .system-list li:nth-child(1)::before{content:"";background: url('../images/202208index/voice-no01.png')no-repeat;background-size: 100% auto;width: 19vw;height: 10vw;position: absolute;top: 1.4vw;right: 2.1vw;z-index: 9;}
#voice .system-list li:nth-child(2)::before{content:""; background: url('../images/202208index/voice-no02.png')no-repeat; background-size: 100% auto; width: 19vw;height: 10vw; position: absolute;top: 1.4vw;right: 2.1vw; z-index: 9;}
#voice .system-list li:nth-child(3)::before{content:""; background: url('../images/202208index/voice-no03.png')no-repeat; background-size: 100% auto; width: 19vw;height: 10vw; position: absolute;top: 1.4vw;right: 2.1vw; z-index: 9;}
#voice .system-list li:nth-child(4)::before{content:""; background: url('../images/202208index/voice-no04.png')no-repeat; background-size: 100% auto; width: 19vw;height: 10vw; position: absolute;top: 1.4vw;right: 2.1vw; z-index: 9;}
#voice .area-name{margin-right:0.5em;}
/* 色付け設定 */

#voice .system-num {
  position: absolute;
  top: 45%;
  right: 5%;
  width: 28%;
  height: 30%;
  font-family: 'Bree Serif', serif;
  color: #fff;
  font-size: 1em;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 6%;
  line-height: 1;
}
#voice .system-num .num-vol {
  display: block;
  font-size: 0.813em;
}
#voice .area-name {
  margin-right: 0.5em;
}
/* 色付け設定 */
#voice .system-list li:nth-last-child(4n+1) .rel-box {
  background-color: #ebdeac;
}
#voice .system-list li:nth-last-child(4n+1) .system-num {
  background-image: url(../images/index/voice-vol-bg-01.png);
}
#voice .system-list li:nth-last-child(4n+2) .rel-box {
  background-color: #9ed6c0;
}
#voice .system-list li:nth-last-child(4n+2) .system-num {
  background-image: url(../images/index/voice-vol-bg-02.png);
}
#voice .system-list li:nth-last-child(4n+3) .rel-box {
  background-color: #e6c0af;
}
#voice .system-list li:nth-last-child(4n+3) .system-num {
  background-image: url(../images/index/voice-vol-bg-03.png);
}
#voice .system-list li:nth-last-child(4n+4) .rel-box {
  background-color: #9ecbd6;
}
#voice .system-list li:nth-last-child(4n+4) .system-num {
  background-image: url(../images/index/voice-vol-bg-04.png);
}

#voice .system-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: 1.5vw;}
#voice .system-list li a:hover{text-decoration:none;}
#voice .system-list li .more{position: absolute;bottom: 3.6vw;right: 4.1vw;width: 10vw;}
#voice .system-customer{color:#c1832a;font-size:1.8vw;margin-bottom:1.3vw;line-height:1.6;}
#voice .system-ttl-01{color:#282828;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;}
#voice .area-name{margin-right:0.5em;}
#voice .btn{position:relative;margin: 0 4.5vw;text-align: center;}
#voice .deco{position:absolute;top:20.3vw;right:20.3vw;}
#voice .btn a{text-align: center;}



/*============================
#staff
============================*/
#staff{margin: 0 auto 0vw;position:relative;background-color: #f1f1f1;padding: 13vw 4.2vw 13.1vw 4.2vw;}
#staff h2{text-align: center;}
#staff h2 span{display: block;font-size: 3.7vw;font-weight: 700;letter-spacing: 0.5vw;line-height: 1;margin-top: 3.7vw;}
#staff .sibttl{text-align: center;font-size: 3.6vw;letter-spacing: 0vw;margin-bottom: 6.1vw;line-height: 1.6;}

#staff .ttl{text-align:center;margin: 0 32vw 3.4vw;}
#staff .ttl-txt{text-align:center;color:#3d3d3d;margin-bottom:6.5vw;letter-spacing:0.09em;}
#staff .rel-box{position:relative;}
#staff .rel-box .staff-deco{position:absolute;top:-40.3vw;left:0;right:0;width:2.1vw;margin:0 auto;}
#staff .system-list{margin: 0 auto 1.2vw;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;}
#staff .system-list a{text-decoration:none;}
#staff .system-list li{width: 42.1vw;position:relative;margin-right: 6.8vw;margin-bottom: 6.8vw;}
#staff .system-list li:nth-child(2n){margin-right:0;}
#staff .system-list li:hover .system-jp{text-decoration:underline;}
#staff .system-list .system-pic{height: 49.5vw;overflow: hidden;width: 40vw;position: relative;top: -1.5vw;left: -1.5vw;}
#staff .system-list .system-pic img{ width: 100%; height: 49.5vw;}
#staff .system-list .picb{position: relative;background-color: #022038;padding-right: 10.7vw;padding-bottom: 2.3vw;height: 52vw;margin-left: 0.6vw;margin-bottom: -0.5vw;}
#staff .system-list .picb span{bottom: 0;right: 0vw;position: absolute;width: 29vw;}
#staff .system-list .system-jp{text-align:center;}
#staff .system-list .system-jp-box{display:inline-block;text-align:left;}
#staff .system-list .system-txt-box{}
#staff .system-list .system-en{font-size:10.1vw;font-weight:700;color:#ea8827;text-align:center;}
#staff .system-list .sei-en{margin-right:.5em;margin-bottom:1.0vw;display:inline-block;text-align:left;word-break:break-all;line-height:1.4;}
#staff .system-list .mei-en{margin-bottom:1.0vw;display:inline-block;text-align:left;word-break:break-all;line-height:1.4;}
#staff .system-list .system-jp{font-size: 4.2vw;}
#staff .system-list .sei-jp{margin-right:0.7em;margin-bottom:2.1vw;display:inline-block;}
#staff .system-list .mei-jp{display:inline-block;margin-bottom:2.1vw;}
#staff .system-list .system-job{border-top:0.1vw solid #ffffff;padding-top:1.6vw;text-align:center;margin-bottom: 0.7vw;}
#staff .system-list .system-job .system-job-dl{color:#3d3d3d;line-height:1.5;display:inline-block;font-size: 3.4vw;text-align: center;margin-bottom: 1.1vw;}
#staff .btn{text-align: center;margin: 0 4vw;}
#staff .system-list li:nth-child(n + 9){display: none;}

#news-blog {margin-bottom: -8vw;}
#news-blog .news-blog-inner{padding-top: 15.3vw;/* padding-bottom:8.9vw; */position:relative;}
#news-blog h2{margin: 0 23vw;text-align: center;}
#news-blog h2 span{display: inline-block;font-size: 3.6vw;font-weight: 700;letter-spacing: 0.3vw;margin-top: 4vw;}
#news-blog .ttl-box{margin-bottom: 5.2vw;margin-left: 0.5vw;}
#news-blog .system-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: 0 4vw 1vw;}
#news-blog li{background-color:#fff;position:relative;margin-right: 6%;width: 47%;margin-bottom: 12vw;}
#news-blog li:nth-child(2n){margin-right:0vw;}
#news-blog li a{text-decoration:none;}
#news-blog li a:hover .sysytem-ttl{text-decoration:underline;}
#news-blog .link-more-deco{position:absolute;right:0;bottom:0;}
#news-blog .system-pic{width:100%;height: 32.6vw;overflow:hidden;text-align:center;background-image:url(../images/common/img_noimage.png);background-size:cover;background-position:center;margin-bottom: 2.4vw;}
#news-blog .system-pic img{width:100%;height: 40.1vw;}
#news-blog .system-txt-box{}
#news-blog .system-date{font-size: 3.4vw;margin-bottom: 2vw;color: #b49577;letter-spacing: 0.3vw;}
#news-blog .sysytem-ttl{color:#282828;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;}
#news-blog .btn{margin: 0 8.4vw;}
#news-blog .deco{position:absolute;top:1.3vw;right:2.1vw;}
.recruit-bnr{width:117.3vw;margin:0 auto;margin-bottom:50.3vw;}
.seo{width:117.3vw;margin:0 auto;}
.seo-ttl{text-align:center;margin-bottom:20.9vw;}
.seo-txt-box{color: #fff;font-size: 3.4vw;line-height: 1.7;letter-spacing: 0.2vw;padding: 4vw 4vw 6vw;font-weight: normal;background-color: #02284c;display: block;}
.end-contents-area{}
.endlist2{margin-bottom: -8vw;}

.sp-fix-list{bottom: -1vw;}

}

/*# sourceMappingURL=page-top.css.map */