@charset "UTF-8";


@media screen and (min-width: 768px),print {  

#review-bottom{width:580px;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;margin-bottom:80px;}
#review-bottom .midashi{background-color:#009348;width:580px;margin:0 auto;overflow:hidden;padding:27px 25px 18px;}
#review-bottom .midashi .review-g-logo{float:left;position:relative;margin-top:3px;margin-left:5px;margin-bottom:2px;}
#review-bottom .midashi .review-g-logo .kuchi-num{font-weight:bold;background:#ff2323;color:#fff;padding:5px;font-size:14px;display:inline-block;line-height:1em;border-radius:14px;position:absolute;border:solid 1px #fff;top:-8px;right:-7px;min-width:1em;text-align:center;}
#review-bottom .midashi .review-company{font-size:18px;color:#ffffff;float:left;margin-left:24px;}
#review-bottom .midashi .review-info{width:840px;float:left;overflow:hidden;}
#review-bottom .midashi .review-info .review-evaluation{float:left;font-size:24px;font-weight:bold;color:#fff;margin-left:24px;margin-top:11px;}
#review-bottom .midashi .review-info .star-rating{float:left;position:relative;margin-left:16px;top:0px;}
#review-bottom .midashi .review-info .star-rating .star-rating-front{font-size:22px;color:#ffd300;width:92%;overflow:hidden;position:relative;z-index:9;margin-top:12px;}
#review-bottom .midashi .review-info .star-rating .star-rating-back{font-size:22px;color:#ffffff;position:absolute;top:12px;left:0;}
#review-bottom .midashi .review-info .kuchi-num{float:left;font-size:24px;font-weight:bold;color:#ffffff;margin-left:17px;margin-top:11px;}
#review-bottom .midashi .review-info .review-star-num{float:left;font-size:24px;font-weight:bold;color:#fff;margin-left:2px;margin-top:12px;}
#review-bottom .midashi .review-info .review-btn{float:right;}
#review-bottom .kuchi-frame{width:580px;height:340px;margin:0 auto;padding:31px 31px;border-left:1px solid #a1a1a1;border-right:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1;overflow-y:scroll;background-color:#fff;}
#review-bottom .kuchi-frame ul{}
#review-bottom .kuchi-frame ul li{border-bottom:1px dotted #a1a1a1;padding-bottom:30px;margin-bottom:23px;}
#review-bottom .kuchi-frame ul li:last-child{margin-bottom:0;}
#review-bottom .kuchi-frame ul li dt{font-size:16px;overflow:hidden;margin-bottom:4px;}
#review-bottom .kuchi-frame ul li dt .star-rating{float:left;position:relative;}
#review-bottom .kuchi-frame ul li dt .star-rating .star-rating-front{font-size:22px;color:#ffd300;width:80%;overflow:hidden;position:relative;z-index:9;}
#review-bottom .kuchi-frame ul li dt .star-rating .star-rating-back{font-size:22px;color:#e8e8e8;position:absolute;top:0;left:0;}
#review-bottom .kuchi-frame ul li dt .review-date{font-size:16px;margin-left:30px;float:left;padding-top:6px;}
#review-bottom .kuchi-frame ul li dt .review-name{font-size:16px;font-weight:bold;margin-left:30px;float:left;padding-top:6px;}
#review-bottom .kuchi-frame ul li dd{font-size:16px;color:#666666;line-height:24px;}

#review-bottom2{width:580px;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;margin-bottom:80px;}
#review-bottom2 .midashi{background-color:#006896;width:580px;margin:0 auto;overflow:hidden;padding:27px 25px 18px;}
#review-bottom2 .midashi .review-g-logo{float:left;position:relative;margin-top:3px;margin-left:5px;margin-bottom:2px;}
#review-bottom2 .midashi .review-g-logo .kuchi-num{font-weight:bold;background:#ff2323;color:#fff;padding:5px;font-size:14px;display:inline-block;line-height:1em;border-radius:14px;position:absolute;border:solid 1px #fff;top:-8px;right:-7px;min-width:1em;text-align:center;}
#review-bottom2 .midashi .review-company{font-size:18px;color:#ffffff;float:left;margin-left:24px;}
#review-bottom2 .midashi .review-info{width:840px;float:left;overflow:hidden;}
#review-bottom2 .midashi .review-info .review-evaluation{float:left;font-size:24px;font-weight:bold;color:#fff;margin-left:24px;margin-top:11px;}
#review-bottom2 .midashi .review-info .star-rating{float:left;position:relative;margin-left:16px;top:0px;}
#review-bottom2 .midashi .review-info .star-rating .star-rating-front{font-size:22px;color:#ffd300;width:92%;overflow:hidden;position:relative;z-index:9;margin-top:12px;}
#review-bottom2 .midashi .review-info .star-rating .star-rating-back{font-size:22px;color:#ffffff;position:absolute;top:12px;left:0;}
#review-bottom2 .midashi .review-info .kuchi-num{float:left;font-size:24px;font-weight:bold;color:#ffffff;margin-left:17px;margin-top:11px;}
#review-bottom2 .midashi .review-info .review-star-num{float:left;font-size:24px;font-weight:bold;color:#fff;margin-left:2px;margin-top:12px;}
#review-bottom2 .midashi .review-info .review-btn{float:right;}
#review-bottom2 .kuchi-frame{width:580px;height:340px;margin:0 auto;padding:31px 31px;border-left:1px solid #a1a1a1;border-right:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1;overflow-y:scroll;background-color:#fff;}
#review-bottom2 .kuchi-frame ul{}
#review-bottom2 .kuchi-frame ul li{border-bottom:1px dotted #a1a1a1;padding-bottom:30px;margin-bottom:23px;}
#review-bottom2 .kuchi-frame ul li:last-child{margin-bottom:0;}
#review-bottom2 .kuchi-frame ul li dt{font-size:16px;overflow:hidden;margin-bottom:4px;}
#review-bottom2 .kuchi-frame ul li dt .star-rating{float:left;position:relative;}
#review-bottom2 .kuchi-frame ul li dt .star-rating .star-rating-front{font-size:22px;color:#ffd300;width:80%;overflow:hidden;position:relative;z-index:9;}
#review-bottom2 .kuchi-frame ul li dt .star-rating .star-rating-back{font-size:22px;color:#e8e8e8;position:absolute;top:0;left:0;}
#review-bottom2 .kuchi-frame ul li dt .review-date{font-size:16px;margin-left:30px;float:left;padding-top:6px;}
#review-bottom2 .kuchi-frame ul li dt .review-name{font-size:16px;font-weight:bold;margin-left:30px;float:left;padding-top:6px;}
#review-bottom2 .kuchi-frame ul li dd{font-size:16px;color:#666666;line-height:24px;}



body{background: url(../images/index/body-back.png)no-repeat top center;background-attachment: fixed;color: #4D4D4D;}
.sliderArea{height: 720px;margin-bottom: 57px;}
.slick-dots li button::before {content: ""!important;}

.full-screen{ position: relative; }
.full-screen .sliderArea { max-width: 100%; margin: 0 auto; padding: 0 25px;}
.full-screen .slick-slide {margin: 0 5px;width: 1240px;}
.full-screen .slick-slide img {  width: 100%;  height: auto;}
.full-screen .slick-active { opacity: 1;}
.full-screen .slick-current { opacity: 1;}
.full-screen .thumb { margin: 20px 0 0; }
.full-screen .thumb .slick-slide { cursor: pointer;}
.full-screen .thumb .slick-slide:hover { opacity: .7;}
.full-screen .slick-list { overflow: visible; }
.side-fix { display: none;}

.full-screen .slick-dots {position: absolute;bottom: -32px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;z-index: 14;}
.full-screen .slick-dots li {position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 20.3px;padding: 0;cursor: pointer;}
.full-screen .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 9px;height: 9px;padding: 5px;cursor: pointer;border-radius: 10px;color: transparent;outline: none;background: none;border: #C7C7C7 1px solid;background: #EDEDED;}
.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: 10px;height: 10px;content: ' ';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.full-screen .slick-dots li.slick-active button { background: #CC8400;border: #CC8400 1px solid;}

#contentsmain {background: #fff;margin: 0 auto -30px;position: relative;padding-bottom: 1px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -10px;left: 50%;z-index: 3;margin-left: 440px;}
#contentsmain .inner-Box h1 {position: absolute;top: 487px;left: 50%;margin-left: -399px;}
#contentsmain .inner-Box h1 img{  }
#contentsmain .inner-Box h2.f-min-02 {font-size: 24px;line-height: 1.6;font-weight: 700;letter-spacing: 2.4px;margin-bottom: 27px;text-align: center;}
#contentsmain .inner-Box h2.f-min-02 span{  }
#contentsmain .inner-Box2 { margin: 0 auto; position: relative; }
#contentsmain .inner-Box2 ul li { margin: 0 10px; }
#contentsmain .inner-Box2 ul li figure{  }
#contentsmain .kuchikomi-icon{ position:absolute; top:577px; left:50%; margin-left:410px; }

#contents01 {margin: 0 auto;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center;padding: 145px 0 112px;}
#contents01 .inner-Box1 {margin: 0 auto 0;position: relative;width: 1200px;}
#contents01 .inner-Box1 h2 {padding-left: 13px;margin-bottom: 60px;}
#contents01 .inner-Box1 h2 img{  }
#contents01 .inner-Box1 p.btn{position: absolute;top: -5px;right: 0;}
#contents01 .inner-Box1 p.btn img{  }
#contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1240px;}
#contents01 .inner-Box2 h2 {text-align: center;margin-bottom: 37px;}
#contents01 .inner-Box2 h2 img{  }
#contents01 .inner-Box2 p.btn{text-align: center;}
#contents01 .inner-Box2 p.btn img{  }

#news .system-list{padding: 1px;}
#news .system-list li{background: url(../images/index/contents01-line01.png)no-repeat bottom center;line-height: 1.4;margin-bottom: 25px;padding: 0 0 20px 165px;position: relative;}
#news .system-list li a:hover{ text-decoration: none; }
#news .system-list .system-date{font-size: 16px;line-height: 1.4;margin-bottom: 19px;position: absolute;top: 0;left: 26px;}
#news .system-list .system-ttl-01{font-size: 16px;line-height: 1.6;letter-spacing: 0.8px;display: block;width: 100%;}
#news .system-list .system-ttl-01 span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
#news .system-list .system-category-set {   margin-bottom: 15px;display: inline-block;width: 100%;}
#news .system-category{margin-bottom: 20px;}

#event .system-list{margin-bottom: 39px;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{position: relative;line-height: 1.4;width: 30.7%;margin-right: 3.9%;background: #fff;position: relative;margin-bottom: 20px;box-shadow: 0px 20px 20px #00000012;}
#event .system-list li:nth-child(3n){ margin-right: 0}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-list li .text-box{padding: 0px 22px 10px;}

#event .system-list li .system-date{margin-bottom: 8px;position: relative;padding-left: 68px;}
#event .system-list li .date-ttl{ position: absolute; top: 0; left: 0; color: #CC8400; font-size: 16px; line-height: 1.6; letter-spacing: 0.8px; font-weight: 500; }
#event .system-list li .start_text{ font-size: 16px; line-height: 1.6; letter-spacing: 0.8px; font-weight: 500;}

#event .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#event .system-list .btn::after { content: ' >';}
#event .system-pic{width: 100%;height: 260px;overflow: hidden;text-align: center;margin-bottom: 21px;}
#event .system-pic img{width: 100%;height: 260px;}
#event .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#event .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-ttl-01{font-size: 22px;font-weight: 600;line-height: 32px;border-bottom: #9E9E9E dotted 1px;padding-bottom: 33px;margin-bottom: 20px;}


#contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center #F6F3EC;padding: 83px 0 150px;}
#contents02 .inner-Box1 {width: 1200px;margin: 0 auto -200px;position: relative;}
#contents02 .inner-Box1 h2 {text-align: center;position: relative;left: 60px;}
#contents02 .inner-Box1 h2 img{  }
#contents02 .inner-Box1 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents02 .inner-Box1 ul.review-ul li{ position: relative; 
width: 580px;
}

#contents02 .inner-Box1 ul.review-ul > li:nth-child(2){right: -39px;}

#contents02 .inner-Box1 figure{position: relative;top: 0;left: 0;}
#contents02 .inner-Box2 {width: 100%;max-width: 1440px;margin: 0 auto;position: relative;padding: 0 20px;}
#contents02 .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;}
#contents02 .inner-Box2 ul li {  }
#contents02 .inner-Box2 ul li:nth-child(1) {margin-bottom: 59px;}
#contents02 .inner-Box2 ul li:nth-child(2) {margin-left: 100px;}
#contents02 .inner-Box2 ul li:nth-child(3) {margin-right: 0px;margin-left: 40px;}
#contents02 .inner-Box2 ul li figure{  }


#contents03 {margin: 0 auto -210px;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center,url('../images/index/contents03-back02.png')no-repeat top left,url('../images/index/contents03-back03.png')no-repeat top right #EFEBE2;max-width: 1920px;padding-bottom: 340px;}
#contents03 .inner-Box1 {margin: 0 auto 121px;position: relative;height: 740px;text-align: center;padding: 128px 0 0;}
#contents03 .inner-Box1 span.icon {display: block;line-height: 1;position: relative;left: 7px;margin-bottom: 44px;}
#contents03 .inner-Box1 h2.f-min-02 {font-size: 36px;line-height: 66px;font-weight: 600;letter-spacing: 1.8px;margin-bottom: 39px;position: relative;left: 4px;}
#contents03 .inner-Box1 h2.f-min-02 span{  }
#contents03 .inner-Box1 p.text {font-size: 18px;line-height: 51px;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 30px;}
#contents03 .inner-Box2 {margin: 0 auto;position: relative;background: #F6F3EC;max-width: 1400px;width: 100%;min-width: 1280px;}
#contents03 .inBox {margin: 0 auto;position: relative;padding: 69px 40px 79px 40px;}
#contents03 .inBox h3 {text-align: center;position: relative;left: 4px;margin-bottom: 31px;}
#contents03 .inBox h3 img{  }
#contents03 .inBox p.subttl {font-size: 18px;line-height: 1.6;font-weight: 600;letter-spacing: 0.9px;margin-bottom: 30px;text-align: center;}
#contents03 .inBox 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;width: 1200px;margin: 0 auto -10px;}
#contents03 .inBox ul li {margin-right: 30px;margin-bottom: 60px;}
#contents03 .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inBox ul li figure{  }
#contents03 .inBox p.btn{text-align: center;}
#contents03 .inBox p.btn img{  }

#contents04 {margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center #F6F3EC;padding: 174px 0 0;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1200px;}
#contents04 .inner-Box h2 {text-align: center;position: relative;left: -2px;margin-bottom: 55px;}
#contents04 .inner-Box h2 img{  }
#contents04 .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;}
#contents04 .inner-Box ul li {margin-right: 40px;margin-bottom: 40px;}
#contents04 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents04 .inner-Box ul li figure{  }

   
#contentsend2 { margin: 0 auto; position: relative; }
#contentsend2 .inner-Box1 {margin: 0 auto;position: relative;background: #F2F2F2;padding: 56px 0 99px;}
#contentsend2 .inner-Box1 h2.f-gara {font-size: 66px;line-height: 1.6;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 6px;color: #840D0A;text-align: center;}
#contentsend2 .inner-Box1 h2.f-gara span{  }
#contentsend2 .inner-Box1 h3.f-min-02 {font-size: 28px;line-height: 1.6;font-weight: 400;letter-spacing: 1.4px;margin-bottom: 24px;text-align: center;}
#contentsend2 .inner-Box1 h3.f-min-02 span{  }
#contentsend2 .inBox {margin: 0 auto; padding: 0 40px;}
#contentsend2 .nBox {margin: 0 auto;position: relative;box-shadow: 0px 30px 30px #00000029;background: #840D0A 0% 0% no-repeat padding-box;max-width: 1400px;width: 100%;min-width: 1200px;text-align: center;color: #fff;height: 220px;padding: 53px 0 0;}
#contentsend2 .nBox p{position: relative;top: 0;left: 0;margin-bottom: 15px;}
#contentsend2 .nBox p.text { font-size: 16px; line-height: 1.6; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; }
#contentsend2 .nBox figure.photo {position: absolute;bottom: 0;left: 50%;margin-left: -600px;}
#contentsend2 .inner-Box2 { max-width: 1920px; width: 100%; margin: 0 auto; position: relative; }
#contentsend2 .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;background: #F2F2F2;}
#contentsend2 .inner-Box2 ul li {width: 50%;padding: 10px;background: url(../images/common/contentsend-back01.png)no-repeat top -130px center;background-size: 100% auto;height: 742px;text-align: center;}
#contentsend2 .inner-Box2 ul li:nth-child(2) {background: url(../images/common/contentsend-back02.png)no-repeat top -77px center;background-size: 100% auto;}

#contentsend2 .inner-Box2 ul li a{display: block;height: 100%;width: 100%;border: #B3B3B3 1px solid;padding-top: 176px; color: #fff;}
#contentsend2 .inner-Box2 ul li figure{ margin-bottom: 35px; }
#contentsend2 .inner-Box2 p.intext { font-size: 16px; line-height: 1.6; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; }
#contentsend2 .inner-Box3 {margin: 0 auto;position: relative;text-align: center;padding: 150px 0 170px;background: #fff;}
#contentsend2 .inner-Box3 p.btn{  }
#contentsend2 .inner-Box3 p.btn img{  }

#contents05 {background: #F6F3EC;margin: 0 auto;position: relative;padding-bottom: 50px;}
#contents05 .inner-Box1 {margin: 0 auto 50px;position: relative;padding: 50px 0 0;}
#contents05 .inner-Box1 h2 {text-align: center;position: relative;left: -2px;margin-bottom: 46px;}
#contents05 .inner-Box1 h2 img{  }
#contents05 .inner-Box2 {margin: 0 auto 51px;position: relative;max-width: 1400px;background: #EFEBE2;width: 100%;min-width: 1280px;padding-bottom: 40px;}
#contents05 .inner-Box2 h2 {text-align: center;position: relative;top: -25px;margin-bottom: -3px;}
#contents05 .inner-Box2 h2 img{  }
#contents05 .inner-Box2 h3.f-min-02 {font-size: 18px;line-height: 1.6;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 50px;text-align: center;}
#contents05 .inner-Box2 h3.f-min-02 span{  }
#contents05 .inner-Box2 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;width: 1200px;margin: 0 auto;}
#contents05 .inner-Box2 ul li:nth-child(3n){ margin-right: 0px; }
#contents05 .inner-Box2 ul li {position: relative;width: 31.7%;margin-right: 2.4%;background: #fff;margin-bottom: 29px;height: 440px;}
#contents05 .inner-Box2 ul li a{  }
#contents05 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;}
#contents05 .inBox {margin: 0 auto;position: relative;padding: 27px 20px 20px;}
#contents05 .inBox figure.img {position: absolute;top: 20px;left: 21px;}
#contents05 .inBox p.sel {font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 24px;color: #CC8400;padding-left: 47px;}
#contents05 .inBox h4 {font-size: 18px;line-height: 1.6;font-weight: 600;letter-spacing: 0.8px;margin-bottom: 30px;}
#contents05 .inBox ul li:nth-child(3n){ margin-right: 0px; }
#contents05 .inBox ul li { position: relative; }
#contents05 .inBox ul li a{  }
#contents05 .inBox figure.photo { position: absolute; top: 0; left: 0; }
#contents05 p.btn{ text-align: center; }
#contents05 p.btn img{  }
#contents05 .inner-Box2 .newicon{display: inline-block;font-size: 18px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;background: #840D0A;color: #fff;padding: 1px 18px;position: absolute;top: 0;left: 0;z-index: 3;}


#contents05-5 {background: #F6F3EC;margin: 0 auto;position: relative;padding-bottom: 120px;}
#contents05-5 .inner-Box1 {margin: 0 auto 125px;position: relative;padding: 126px 0 0;}
#contents05-5 .inner-Box1 h2 {text-align: center;position: relative;left: -2px;margin-bottom: 46px;}
#contents05-5 .inner-Box1 h2 img{  }
#contents05-5 .inner-Box2 {margin: 0 auto 51px;position: relative;max-width: 1400px;background: #EFEBE2;width: 100%;min-width: 1280px;padding-bottom: 40px; padding-top: 150px;}
#contents05-5 .inner-Box2 h2 {text-align: center;position: relative;top: -25px;margin-bottom: -3px;}
#contents05-5 .inner-Box2 h2 img{  }
#contents05-5 .inner-Box2 h3.f-min-02 {font-size: 18px;line-height: 1.6;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 50px;text-align: center;}
#contents05-5 .inner-Box2 h3.f-min-02 span{  }
#contents05-5 .inner-Box2 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;width: 1200px;margin: 0 auto;}
#contents05-5 .inner-Box2 ul li:nth-child(3n){ margin-right: 0px; }
#contents05-5 .inner-Box2 ul li {position: relative;width: 31.7%;margin-right: 2.4%;background: #fff;margin-bottom: 29px;height: 440px;}
#contents05-5 .inner-Box2 ul li a{  }
#contents05-5 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;}
#contents05-5 .inBox {margin: 0 auto;position: relative;padding: 27px 20px 20px;}
#contents05-5 .inBox figure.img {position: absolute;top: 20px;left: 21px;}
#contents05-5 .inBox p.sel {font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 24px;color: #CC8400;padding-left: 47px;}
#contents05-5 .inBox h4 {font-size: 18px;line-height: 1.6;font-weight: 600;letter-spacing: 0.8px;margin-bottom: 30px;}
#contents05-5 .inBox ul li:nth-child(3n){ margin-right: 0px; }
#contents05-5 .inBox ul li { position: relative; }
#contents05-5 .inBox ul li a{  }
#contents05-5 .inBox figure.photo { position: absolute; top: 0; left: 0; }
#contents05-5 p.btn{ text-align: center; }
#contents05-5 p.btn img{  }
#contents05-5 .inner-Box2 .newicon{display: inline-block;font-size: 18px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;background: #840D0A;color: #fff;padding: 1px 18px;position: absolute;top: 0;left: 0;z-index: 3;}



#works_1 .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;width: 1200px;margin: 0 auto;}
#works_1 .system-list li{line-height: 1.4;width: 31.7%;margin-right: 2.4%;position: relative;margin-bottom: 68px;}
#works_1 .system-list li:nth-child(3n){ margin-right: 0}
#works_1 .system-list li a:hover{ text-decoration: none; }

#works_1 .system-list li .kandoicon{position: absolute;top: -11px;right: 8px;z-index: 4;}
#works_1 .system-list li .newicon{display: inline-block;font-size: 18px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;background: #840D0A;color: #fff;padding: 1px 18px;position: absolute;top: 0;left: 0;z-index: 3;}

#works_1 .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#works_1 .system-list .btn::after { content: ' >';}
#works_1 .system-pic{width: 100%;height: 260px;overflow: hidden;text-align: center;margin-bottom: 15px;}
#works_1 .system-pic img{width: 100%;height: 260px;}
#works_1 .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#works_1 .system-date::before{}
#works_1 .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#works_1 .system-ttl-01{font-size: 18px;margin-bottom: 10px;line-height: 1.4;}
#works_1 .system-name{font-size: 18px;margin-bottom: 10px;line-height: 1.4;}
#works_1 .system-category-set { margin-bottom: 15px; margin-top: -15px;}
#works_1 .serchcategory{ margin-bottom: 100px;}
#works_1 .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#works_1 .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}

#contents06 {margin: 0 auto;position: relative;background: #fff;padding: 100px 0 258px;}
#contents06 .inner-Box {margin: 0 auto;position: relative;width: 1200px;}
#contents06 .inner-Box h2 {text-align: center;margin-bottom: 70px;}
#contents06 .inner-Box h2 img{  }
#contents06 .inner-Box p.btn{text-align: center;}
#contents06 .inner-Box p.btn img{  }
#contents06 .inner-Box span.arr { display: block; line-height: 1; }

#interview .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;}
#interview .system-list li{line-height: 1.4;margin-right: 40px;background: #fff;position: relative;margin-bottom: 20px;width: 270px;}
#interview .system-list li:nth-child(4n){ margin-right: 0}
#interview .system-list li a:hover{ text-decoration: none; }
#interview .system-list li .arr{ position: absolute; top: 0; left: 0; z-index: 3}
#interview .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%;}
#interview .system-list .btn::after { content: ' >';}
#interview .system-pic{width: 100%;height: 200px;overflow: hidden;text-align: center;margin-bottom: 20px;}
#interview .system-pic img{width: 100%;height: 200px;}
#interview .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#interview .system-date::before{ content: "■"; }
#interview .system-list li .system-name{font-size: 14px;margin-bottom: 18px;line-height: 1.4;color: #4D4D4D;margin-left: 3px;}
#interview .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#interview .system-ttl-01{font-size: 18px;margin-bottom: 5px;line-height: 1.4;letter-spacing: 0.9px;color: #4D4D4D;}

#contents07 {margin: 0 auto -10px;position: relative;background: url('../images/index/contents07-back01.png')no-repeat top 400px center;padding-top: 340px;}
#contents07 .inner-Box1 {margin: 0 auto 288px;position: relative;padding-top: 350px;}
#contents07 .inner-Box1 h2 {position: absolute;top: 0;left: 50%;margin-left: 420px;}
#contents07 .inner-Box1 h2 img{  }
#contents07 .inner-Box1 .inBox {position: relative;background: #fff;width: 820px;height: 1250px;margin-left: 200px;padding: 95px 60px;}
#contents07 .inner-Box1 .inBox h3.f-gara {font-size: 38px;line-height: 1.6;font-weight: 400;letter-spacing: 1.9px;margin-bottom: 34px;}
#contents07 .inner-Box1 .inBox h3.f-gara span{  }
#contents07 .inner-Box1 .inBox p.text {font-size: 16px;line-height: 42px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 42px;}
#contents07 .inner-Box1 .inBox h4.f-min-02 {font-size: 18px;line-height: 1.6;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 30px;text-align: right;padding-top: 79px;margin-right: 4px;}
#contents07 .inner-Box2 {margin: 0 auto;position: relative;background: #F6F3EC;}
#contents07 .inner-Box2 .inBox {padding: 81px 40px 0;}
#contents07 .inner-Box2 .inBox h2 { position: absolute; top: 0; left: 50%; margin-left: -760px; }
#contents07 .inner-Box2 .inBox h2 img{  }
#contents07 .inner-Box2 .inBox ul.list1 {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;max-width: 1520px;width: 100%;min-width: 1200px;margin: 0 auto 81px;}
#contents07 .inner-Box2 .inBox ul.list1 li {width: 23.05%;margin-right: 2.5%;}
#contents07 .inner-Box2 .inBox ul.list1 li:nth-child(4) { margin-right: 0px; }
#contents07 .inner-Box2 .inBox ul li figure{  }
#contents07 .inner-Box2 .inBox ul.list1 li figure img{ width: 100%; height: auto; }
#contents07 .inner-Box2 .inBox p.btn{text-align: center;margin-bottom: 70px;}
#contents07 .inner-Box2 .inBox p.btn img{  }
#contents07 .inner-Box2 .inBox ul.list2 {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 1200px;margin: 0 auto;}
#contents07 .inner-Box2 .inBox ul.list2 li{width: 280px;margin-right: 20px;margin-bottom: 20px;}
#contents07 .inner-Box2 .inBox ul.list2 li:nth-child(4n) { margin-right: 0px; }


#contents08 { margin: 0 auto; position: relative; background: url('../images/index/contents08-back01.png')no-repeat top center; }
#contents08 .inner-Box1 {margin: 0 auto;position: relative;width: 1200px;padding: 122px 0 0;height: 753px;}
#contents08 .inner-Box1 h2 {padding-left: 5px;margin-bottom: 36px;}
#contents08 .inner-Box1 h2 img{  }
#contents08 .inner-Box1 p.btn{position: absolute;top: 131px;right: 0;}
#contents08 .inner-Box1 p.btn img{  }
#contents08 .inner-Box2 {margin: 0 auto;position: relative;width: 1200px;padding: 122px 0 0;height: 785px;}
#contents08 .inner-Box2 h2 {padding-left: 10px;margin-bottom: 39px;}
#contents08 .inner-Box2 h2 img{  }
#contents08 .inner-Box2 p.btn{position: absolute;top: 131px;right: 0;}
#contents08 .inner-Box2 p.btn img{  }

#contents08 .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;}
#contents08 .system-list li{line-height: 1.4;margin-right: 40px;background: #fff;position: relative;margin-bottom: 20px;width: 270px;padding: 15px 15px 60px;}
#contents08 .system-list li:nth-child(4n){ margin-right: 0}
#contents08 .system-list li a:hover{ text-decoration: none; }
#contents08 .system-pic{width: 100%;height:  160px;overflow: hidden;text-align: center;margin-bottom: 20px;}
#contents08 .system-pic img{width: 100%;height: 160px;}
#contents08 .system-list li .system-ttl-01{ font-size: 16px; line-height: 1.6; letter-spacing: 0.8px; font-weight: 500; }
#contents08 .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

}


@media screen and (min-width:768px) and ( max-width:1650px) {
	
#contents02 .inner-Box2 ul li:nth-child(1) img{ width: 100%; height: auto; }
#contents02 .inner-Box2 ul li:nth-child(2) {width: 50%;margin-left: 0;text-align: center;}
#contents02 .inner-Box2 ul li:nth-child(3) {margin-right: 0px;margin-left: 0;width: 50%;}

#contents03 {margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center,url('../images/index/contents03-back02.png')no-repeat top left -110px ,url('../images/index/contents03-back03.png')no-repeat top right -100px #EFEBE2;max-width: 1920px;padding-bottom:100px;}
#contents07 .inner-Box1 h2 {margin-left: 280px;}
#contents07 .inner-Box1 .inBox {margin-left: 60px;}

      #contentsend2 .inner-Box2 ul li {width: 50%;padding: 10px;background: url(../images/common/contentsend-back01.png)no-repeat center center;background-size: cover;height: 742px;text-align: center;}
      #contentsend2 .inner-Box2 ul li:nth-child(2) { background: url(../images/common/contentsend-back02.png)no-repeat center center; background-size: cover;}


}
  


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

  #review-bottom {
    width: 100%;
    /* margin: 0 auto 20%; */
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    margin-bottom: 9.179vw;
}

#review-bottom .midashi {
    background-color: #009348;
    padding: 4.589vw 0.966vw 2.657vw 4.831vw;
    position: relative;
}

#review-bottom .midashi .review-g-logo {
    /* width: 28%; */
    /* position: absolute; */
    top: -7vw;
    left: 3vw;
    width: 74.517vw;
    margin-bottom: 3.14vw;
}

#review-bottom .midashi .review-company {
    font-size: 3.4vw;
    color: #ffffff;
    margin-bottom: 2%;
}

#review-bottom .midashi .review-info {
    overflow: hidden;
    letter-spacing: 0.242vw;
}

#review-bottom .midashi .review-info .review-evaluation {
    float: left;
    font-size: 3.4vw;
    font-weight: bold;
    color: #fff;
}

#review-bottom .midashi .review-info .star-rating {
    float: left;
    position: relative;
    margin-left: 2.174vw;
    top: -0.121vw;
}

#review-bottom .midashi .review-info .star-rating .star-rating-front {
    font-size: 3.865vw;
    color: #ffd300;
    width: 92%;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

#review-bottom .midashi .review-info .star-rating .star-rating-back {
    font-size: 3.865vw;
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0;
}

#review-bottom .midashi .review-info .kuchi-num {
    float: left;
    font-size: 3.623vw;
    font-weight: bold;
    color: #ffffff;
    margin-left: 3%;
    position: relative;
    top: 0.242vw;
}

#review-bottom .midashi .review-info .review-star-num {
    float: left;
    font-size: 3.865vw;
    font-weight: bold;
    color: #fff;
}

#review-bottom .midashi .review-info .review-btn {
    width: 20%;
    float: right;
}

#review-bottom .kuchi-frame {
    width: 100%;
    height: 89.855vw;
    padding: 4.589vw 1.208vw 1.691vw 3.623vw;
    border-left: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    overflow-y: scroll;
    margin-bottom: 8%;
    background-color: #FFFFFF;
}

#review-bottom .kuchi-frame ul {
}

#review-bottom .kuchi-frame ul li {
    border-bottom: 1px dotted #a1a1a1;
    padding-bottom: 5%;
    margin-bottom: 5%;
}

#review-bottom .kuchi-frame ul li:last-child {
    margin-bottom: 0;
}

#review-bottom .kuchi-frame ul li dt {
    font-size: 3.8vw;
    overflow: hidden;
    margin-bottom: 0.242vw;
}

#review-bottom .kuchi-frame ul li dt .star-rating {
    float: left;
    position: relative;
}

#review-bottom .kuchi-frame ul li dt .star-rating .star-rating-front {
    font-size: 5.314vw;
    color: #ffd300;
    width: 80%;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

#review-bottom .kuchi-frame ul li dt .star-rating .star-rating-back {
    font-size: 5.314vw;
    color: #e8e8e8;
    position: absolute;
    top: 0;
    left: 0;
}

#review-bottom .kuchi-frame ul li dt .review-date {
    font-size: 3.8vw;
    margin-left: 5%;
    float: left;
    position: relative;
    top: 1.691vw;
}

#review-bottom .kuchi-frame ul li dt .review-name {
    font-size: 3.865vw;
    font-weight: bold;
    margin-left: 3%;
    float: left;
    position: relative;
    top: 1.449vw;
}

#review-bottom .kuchi-frame ul li dd {
    font-size: 3.865vw;
    color: #666666;
    line-height: 6.4vw;
}

#review-bottom .review-btn {
    width: 34%;
    margin: 0 auto;
}

#review-bottom .review-btn img {
    width: 100%;
}


#review-bottom2 {
  width: 100%;
  /* margin: 0 auto 20%; */
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#review-bottom2 .midashi {
  background-color: #1B6897;
  padding: 4.589vw 0.966vw 2.657vw 4.831vw;
  position: relative;
}

#review-bottom2 .midashi .review-g-logo {
  top: -7vw;
  left: 3vw;
  width: 74.517vw;
  margin-bottom: 3.14vw;
}

#review-bottom2 .midashi .review-company {
  font-size: 3.4vw;
  color: #ffffff;
  margin-bottom: 2%;
}

#review-bottom2 .midashi .review-info {
  overflow: hidden;
  letter-spacing: 0.242vw;
}

#review-bottom2 .midashi .review-info .review-evaluation {
  float: left;
  font-size: 3.4vw;
  font-weight: bold;
  color: #fff;
}

#review-bottom2 .midashi .review-info .star-rating {
  float: left;
  position: relative;
  margin-left: 2.174vw;
  top: -0.121vw;
}

#review-bottom2 .midashi .review-info .star-rating .star-rating-front {
  font-size: 3.865vw;
  color: #ffd300;
  width: 92%;
  overflow: hidden;
  position: relative;
  z-index: 9;
}

#review-bottom2 .midashi .review-info .star-rating .star-rating-back {
  font-size: 3.865vw;
  color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0;
}

#review-bottom2 .midashi .review-info .kuchi-num {
  float: left;
  font-size: 3.623vw;
  font-weight: bold;
  color: #ffffff;
  margin-left: 3%;
  position: relative;
  top: 0.242vw;
}

#review-bottom2 .midashi .review-info .review-star-num {
  float: left;
  font-size: 3.865vw;
  font-weight: bold;
  color: #fff;
}

#review-bottom2 .midashi .review-info .review-btn {
  width: 20%;
  float: right;
}

#review-bottom2 .kuchi-frame {
  width: 100%;
  height: 89.855vw;
  padding: 4.589vw 1.208vw 1.691vw 3.623vw;
  border-left: 1px solid #a1a1a1;
  border-right: 1px solid #a1a1a1;
  border-bottom: 1px solid #a1a1a1;
  overflow-y: scroll;
  margin-bottom: 8%;
  background-color: #FFFFFF;
}

#review-bottom2 .kuchi-frame ul {
}

#review-bottom2 .kuchi-frame ul li {
  border-bottom: 1px dotted #a1a1a1;
  padding-bottom: 5%;
  margin-bottom: 5%;
}

#review-bottom2 .kuchi-frame ul li:last-child {
  margin-bottom: 0;
}

#review-bottom2 .kuchi-frame ul li dt {
  font-size: 3.8vw;
  overflow: hidden;
  margin-bottom: 0.242vw;
}

#review-bottom2 .kuchi-frame ul li dt .star-rating {
  float: left;
  position: relative;
}

#review-bottom2 .kuchi-frame ul li dt .star-rating .star-rating-front {
  font-size: 5.314vw;
  color: #ffd300;
  width: 80%;
  overflow: hidden;
  position: relative;
  z-index: 9;
}

#review-bottom2 .kuchi-frame ul li dt .star-rating .star-rating-back {
  font-size: 5.314vw;
  color: #e8e8e8;
  position: absolute;
  top: 0;
  left: 0;
}

#review-bottom2 .kuchi-frame ul li dt .review-date {
  font-size: 3.8vw;
  margin-left: 5%;
  float: left;
  position: relative;
  top: 1.691vw;
}

#review-bottom2 .kuchi-frame ul li dt .review-name {
  font-size: 3.865vw;
  font-weight: bold;
  margin-left: 3%;
  float: left;
  position: relative;
  top: 1.449vw;
}

#review-bottom2 .kuchi-frame ul li dd {
  font-size: 3.865vw;
  color: #666666;
  line-height: 6.4vw;
}

#review-bottom2 .review-btn {
  width: 34%;
  margin: 0 auto;
}

#review-bottom2 .review-btn img {
  width: 100%;
}


  .full-screen .slick-slide {width: 100vw;}

  .full-screen .slick-dots {position: absolute;bottom: -6.3vw;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;z-index: 14;}
  .full-screen .slick-dots li {position: relative;display: inline-block;height: 2.4vw;margin: 0 4.9vw;padding: 0;cursor: pointer;width: 2.4vw;}
  .full-screen .slick-dots li button {font-size: 0;line-height: 0;display: block;height: 2.2vw;padding: 1.2vw;cursor: pointer;width: 2.4vw;border-radius: 2.4vw;color: transparent;outline: none;background: none;border: #C7C7C7 0.2vw solid;background: #EDEDED;}
  .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.4vw;line-height:1.6;position: absolute;top: 0;left: 0;height: 2.4vw;width: 2.4vw;content: ' ';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
  .full-screen .slick-dots li.slick-active button { background: #CC8400;border: #CC8400 0.2vw solid;}
  
  #contentsmain {background: #fff;margin: 0 auto -7.1vw;position: relative;padding-bottom: 0.2vw;}
  #contentsmain .inner-Box {position: relative;margin-bottom: 18.7vw;}
  #contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 0vw;right: 2.5vw;z-index: 3;width: 28.8vw;}
  #contentsmain .inner-Box h1 {position: absolute;top: 82.8vw;margin: 0 -1.6vw 0 -1.4vw;}
  #contentsmain .inner-Box h1 img{  }
  #contentsmain .inner-Box h2.f-min-02 {font-size: 5.8vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 6.5vw;text-align: center;}
  #contentsmain .inner-Box h2.f-min-02 span{  }
  #contentsmain .inner-Box2 {position: relative;}
  #contentsmain .inner-Box2 ul li { margin: 0 2.4vw; }
  #contentsmain .inner-Box2 ul li figure{ margin-bottom: 4vw; }
  #contentsmain .inner-Box2 .slick-slide {width: 86.95vw;}
  #contentsmain .kuchikomi-icon{ position:absolute; top:56.8vw; right:5vw; }
  #contentsmain .kuchikomi-icon img{ width:30vw; }

.spbackk{background: url('../images/index/sp-contents01-back01.png') no-repeat top center #F6F3EC;background-size: 100% auto;position: relative;z-index: 4;}

  #contents01 {position: relative;padding: 19.9vw 0 13vw;}
  #contents01 .inner-Box1 {margin: 0 3vw 21.3vw;position: relative;}
  #contents01 .inner-Box1 h2 {padding-left: 3.1vw;margin: 0 42.3vw 7.4vw 0vw;}
  #contents01 .inner-Box1 h2 img{  }
  #contents01 .inner-Box1 p.btn{position: relative;margin: 0 21.3vw;}
  #contents01 .inner-Box1 p.btn img{  }
  #contents01 .inner-Box2 {margin: 0 4vw;position: relative;}
  #contents01 .inner-Box2 h2 {text-align: center;margin: 0 18.2vw 7.9vw 19.2vw;}
  #contents01 .inner-Box2 h2 img{  }
  #contents01 .inner-Box2 p.btn{text-align: center;}
  #contents01 .inner-Box2 p.btn img{  }
  
  #news .system-list{padding: 0.2vw;margin-bottom: 6.7vw; min-height: 72.3vw; }
  #news .system-list li{background: url(../images/index/contents01-line01.png)no-repeat bottom center;line-height: 1.4;margin-bottom: 6.0vw;padding: 0 2vw 4.8vw 2vw;position: relative;}
  #news .system-list li a:hover{ text-decoration: none; }
  #news .system-list .system-date{font-size: 3.86vw;line-height: 1.4;margin-bottom: 0.8vw;}
  #news .system-list .system-ttl-01{font-size: 3.86vw;line-height: 8.69vw;letter-spacing: 0.3vw;display: block;width: 100%;}
  #news .system-list .system-ttl-01 span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  #news .system-list .system-category-set {   margin-bottom: 3.6vw;display: inline-block;width: 100%;}
  #news .system-category{margin-bottom: 4.8vw;}
  
  #event .system-list{margin-bottom: 2.4vw;}
  #event .system-list li{position: relative;line-height: 1.4;background: #fff;position: relative;margin-bottom: 9.5vw;box-shadow: 0.0vw 4.8vw 4.8vw #00000012;}
  #event .system-list li:nth-child(3n){ margin-right: 0}
  #event .system-list li a:hover{ text-decoration: none; }
  #event .system-list li .text-box{padding: 0.0vw 5.3vw 2.4vw;}
  
  #event .system-list li .system-date{margin-bottom: 1.9vw;position: relative;padding-left: 16.4vw;}
  #event .system-list li .date-ttl{ position: absolute; top: 0; left: 0; color: #CC8400; font-size: 3.86vw; line-height: 1.6; letter-spacing: 0.3vw; font-weight: 500; }
  #event .system-list li .start_text{ font-size: 3.86vw; line-height: 1.6; letter-spacing: 0.3vw; font-weight: 500;}
  
  #event .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #event .system-list .btn::after { content: ' >';}
  #event .system-pic{width: 100%;height: 62.8vw;overflow: hidden;text-align: center;margin-bottom: 3.1vw;}
  #event .system-pic img{width: 100%;height: 62.8vw;}
  #event .system-information { border-bottom: 0.2vw solid #eee; padding-bottom: 2.4vw; margin-bottom: 4.8vw;}
  #event .system-txt{ font-size:  3.86vw; margin-bottom: 1.2vw; line-height: 1.4; }
  #event .system-coment{ font-size: 3.86vw; margin-bottom: 1.2vw; line-height: 1.4; }
  #event .system-ttl-01{font-size: 4.83vw;font-weight: 600;line-height:1.6;border-bottom: #9E9E9E dotted 1px;padding-bottom: 3.9vw;margin-bottom: 4.8vw;letter-spacing: 0.24vw;}
  
  
  #contents02 {margin: 0 4.1vw;position: relative;padding: 20.0vw 0 25.3vw;}
  #contents02 .inner-Box1 {margin: 0 auto -25vw;position: relative;}
  #contents02 .inner-Box1 h2 {text-align: center;position: relative;margin: 0 4.9vw 8vw;}
  #contents02 .inner-Box1 h2 img{  }
  #contents02 .inner-Box1 ul{}
  #contents02 .inner-Box1 ul li{position: relative;margin-bottom: 5.3vw;}
  #contents02 .inner-Box1 ul li:nth-child(2){}
  #contents02 .inner-Box1 figure{ margin-bottom: 4vw; }
  #contents02 .inner-Box2 {position: relative;}
  #contents02 .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;}
  #contents02 .inner-Box2 ul li {  }
  #contents02 .inner-Box2 ul li:nth-child(1) {margin-bottom: 10.9vw;}
  #contents02 .inner-Box2 ul li:nth-child(2) { margin-bottom: 3vw; }
  #contents02 .inner-Box2 ul li:nth-child(3) {}
  #contents02 .inner-Box2 ul li figure{ margin-bottom: 4vw; }
  
  
  #contents03 {margin: 0 auto;position: relative;}
  #contents03 .inner-Box1 {margin: 0 auto;position: relative;text-align: center;padding: 19.2vw 0 55vw;background: url('../images/index/sp-contents03-back01.png')no-repeat bottom  center #FFf;background-size: 100% auto;}
  #contents03 .inner-Box1 span.icon {display: block;line-height: 1;position: relative;margin: 0 25.8vw 8.5vw;}
  #contents03 .inner-Box1 h2.f-min-02 {font-size: 6.28vw;line-height:1.6;font-weight: 600;letter-spacing: 0.3vw;margin-bottom: 8.8vw;position: relative;}
  #contents03 .inner-Box1 h2.f-min-02 span{  }
  #contents03 .inner-Box1 p.text {font-size: 3.86vw;line-height: 9.17vw;font-weight: 700;letter-spacing: 0.2vw;margin: 0 6.5vw 7.2vw;text-align: left;}
  #contents03 .inner-Box2 {position: relative;background: #EFEBE2;min-;padding: 4.4vw 0 29.1vw 0;}
  #contents03 .inBox {position: relative;padding: 17.9vw 0vw 18.1vw;background: #F6F3EC;}
  #contents03 .inBox h3 {text-align: center;position: relative;margin: 0 20.9vw 3.5vw 19.7vw;}
  #contents03 .inBox h3 img{  }
  #contents03 .inBox p.subttl {font-size: 3.86vw;line-height: 1.6;font-weight: 600;letter-spacing: 0.19vw;margin-bottom: 12.2vw;text-align: center;}
  #contents03 .inBox 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: 0 4vw 4.2vw;}
  #contents03 .inBox ul li {margin-bottom: 1.6vw;}
  #contents03 .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents03 .inBox ul li figure{ margin-bottom: 4vw; }
  #contents03 .inBox p.btn{text-align: center;margin: 0 4vw;}
  #contents03 .inBox p.btn img{  }
  
  #contents04 {position: relative;background: url('../images/index/sp-contents04-back01.png')no-repeat top center #F6F3EC;background-size: 100% auto;padding: 9.3vw 0 0;}
  #contents04 .inner-Box {margin: 0 4.2vw;position: relative;}
  #contents04 .inner-Box h2 {text-align: center;position: relative;margin: 0 2.2vw 6.2vw;}
  #contents04 .inner-Box h2 img{  }
  #contents04 .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;}
  #contents04 .inner-Box ul li {margin-bottom: 3.1vw;}
  #contents04 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents04 .inner-Box ul li figure{ margin-bottom: 4vw; }
  
  #contentsend2 {position: relative;}
  #contentsend2 .inner-Box1 {position: relative;background: #F2F2F2;padding: 12.7vw 0 14.9vw;}
  #contentsend2 .inner-Box1 h2.f-gara {font-size: 11.59vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.57vw;margin-bottom: -0.1vw;color: #840D0A;text-align: center;}
  #contentsend2 .inner-Box1 h2.f-gara span{  }
  #contentsend2 .inner-Box1 h3.f-min-02 {font-size: 4.83vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 6.8vw;text-align: center;}
  #contentsend2 .inner-Box1 h3.f-min-02 span{  }
  #contentsend2 .inBox {margin: 0 4vw;}
  #contentsend2 .nBox {}
  #contentsend2 .nBox p.tel{position: relative;top: 0;left: 0;margin-bottom: 7.5vw;box-shadow: 0px 7.24vw 7.24vw #00000029;border-radius: 16vw;}
  #contentsend2 .nBox p.text {font-size: 3.38vw;line-height: 5.79vw;font-weight: 500;letter-spacing: 0.16vw;margin-bottom: 7.2vw;text-align: center;}
  #contentsend2 .nBox figure.photo {position: absolute;bottom: 0;left: 50%;margin-left: -144.9vw;}
  #contentsend2 .inner-Box2 {position: relative;}
  #contentsend2 .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;}
  #contentsend2 .inner-Box2 ul li {padding: 2.4vw;background: url(../images/common/sp-contentsend-back01.png)no-repeat top  center;background-size: 100% auto;height: 120.6vw;text-align: center;}
  #contentsend2 .inner-Box2 ul li:nth-child(2) {background: url(../images/common/sp-contentsend-back02.png)no-repeat top center;background-size: 100% auto;}
  
  #contentsend2 .inner-Box2 ul li a{display: block;height: 100%;width: 100%;padding: 7.5vw 6.6vw;color: #fff;}
  #contentsend2 .inner-Box2 ul li figure{margin-bottom: 4.8vw;}
  #contentsend2 .inner-Box2 p.intext {font-size: 3.9vw;line-height: 6.28vw;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.2vw;}
  #contentsend2 .inner-Box3 {margin: 0 4vw;position: relative;text-align: center;padding: 21.2vw 0 22.1vw;}
  #contentsend2 .inner-Box3 p.btn{  }
  #contentsend2 .inner-Box3 p.btn img{  }
  
  
  #contents05 {background: #F6F3EC;position: relative;padding-bottom: 16.8vw;}
  #contents05 .inner-Box1 {margin: 0 auto 8.2vw;position: relative;padding: 14.4vw 0 0;}
  #contents05 .inner-Box1 h2 {text-align: center;position: relative;margin: 0 6.8vw 10.1vw;}
  #contents05 .inner-Box1 h2 img{  }
  #contents05 .inner-Box2 {margin: 0 auto 9.3vw;position: relative;background: #EFEBE2;width: 100%;padding-bottom: 2.4vw;}
  #contents05 .inner-Box2 h2 {text-align: center;position: relative;top: -3.5vw;margin: 0 13vw 1.9vw;}
  #contents05 .inner-Box2 h2 img{  }
  #contents05 .inner-Box2 h3.f-min-02 {font-size: 3.86vw;line-height: 6.76vw;font-weight: 700;letter-spacing: 0.2vw;margin-bottom: 10.2vw;text-align: center;}
  #contents05 .inner-Box2 h3.f-min-02 span{  }
  #contents05 .inner-Box2 ul.list {}
  #contents05 .inner-Box2 ul li {position: relative;width: 72.46vw;margin-right: 7.24vw;background: #fff;margin-bottom: 7.0vw;min-height: 84vw;}
  #contents05 .inner-Box2 ul li a{  }
  #contents05 .inner-Box2 ul .prev-arrow{ position: absolute; top: 39vw; z-index: 3; left: 1.7vw; width: 9.5vw; }
  #contents05 .inner-Box2 ul .next-arrow{ width: 9.5vw; position: absolute; top: 38.9vw; right: 1.6vw; }
  #contents05 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;}
  #contents05 .inBox {margin: 0 4vw;position: relative;padding: 5.5vw 0vw 4.8vw;}
  #contents05 .inBox figure.img {position: absolute;top: 3.2vw;left: -0.6vw;width: 9vw;}
  #contents05 .inBox p.sel {font-size: 3.38vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 4.8vw;color: #CC8400;padding-left: 10.5vw;}
  #contents05 .inBox h4 {font-size: 3.86vw;line-height: 1.6;font-weight: 600;letter-spacing: 0.3vw;margin-bottom: 4.4vw;}
  #contents05 .inBox h4 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  #contents05 .inBox ul li { position: relative; }
  #contents05 .inBox ul li a{  }
  #contents05 .inBox figure.photo { position: absolute; top: 0; left: 0; }
  #contents05 p.btn{text-align: center;margin: 0 4.1vw -15vw;}
  #contents05 p.btn img{  }
  #contents05 .inner-Box2 .newicon{display: inline-block;font-size: 3.2vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;background: #840D0A;color: #fff;padding: 0.2vw 2.7vw;position: absolute;top: 0;left: 0;z-index: 3;}
  
  #works_1 .system-list{margin-bottom: 2.1vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 4.5vw 3vw;}
  #works_1 .system-list li{line-height: 1.4;width: 48.6%;margin-right: 2.8%;position: relative;margin-bottom: 11.8vw;}
  #works_1 .system-list li:nth-child(2n){ margin-right: 0}
  #works_1 .system-list li a:hover{ text-decoration: none; }
  
  #works_1 .system-list li .kandoicon{position: absolute;top: -1.2vw;right: 1.6vw;z-index: 4;}
  #works_1 .system-list li .kandoicon img{width: 9.7vw;}
  #works_1 .system-list li .newicon{display: inline-block;font-size: 3.2vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;background: #840D0A;color: #fff;padding: 0.2vw 2.7vw;position: absolute;top: 0;left: 0;z-index: 3;}
  
  #works_1 .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #works_1 .system-list .btn::after { content: ' >';}
  #works_1 .system-pic{width: 100%;height: 31.2vw;overflow: hidden;text-align: center;margin-bottom: 3.6vw;}
  #works_1 .system-pic img{width: 100%;height: 35.8vw;}
  #works_1 .system-date{font-size: 3.2vw;margin-bottom: 2.4vw;line-height: 1.4;}
  #works_1 .system-date::before{}
  #works_1 .system-coment{ font-size: 3.4vw; margin-bottom: 1.2vw; line-height: 1.4; }
  #works_1 .system-ttl-01{font-size: 3.86vw;margin-bottom: 2.4vw;line-height: 5.79vw;letter-spacing: 0.2vw;}
  #works_1 .system-name{font-size: 3.86vw;margin-bottom: 2.4vw;line-height: 5.79vw;letter-spacing: 0.2vw;}
  #works_1 .system-category-set { margin-bottom: 3.6vw; margin-top: -3.6vw;}
  #works_1 .serchcategory{ margin-bottom: 24.2vw;}
  #works_1 .serchcategory .icon { display: inline-block; margin-bottom: 3.6vw; font-size: 3.4vw; font-weight: bold; color: #fff; text-align: center; padding: 2.4vw 4.8vw; }
  #works_1 .system-category1{margin-bottom: 0.2vw; font-size: 3.9vw; font-weight: bold; color: #fff; text-align: center; padding: 2.4vw 4.8vw; background-color: #ccc; position: relative;}

  #contents05-5 {background: #F6F3EC;position: relative;padding-bottom: 16.8vw;}
  #contents05-5 .inner-Box1 {margin: 0 auto 8.2vw;position: relative;padding: 14.4vw 0 0;}
  #contents05-5 .inner-Box1 h2 {text-align: center;position: relative;margin: 0 6.8vw 10.1vw;}
  #contents05-5 .inner-Box1 h2 img{  }
  #contents05-5 .inner-Box2 {margin: 0 auto 9.3vw;position: relative;background: #EFEBE2;width: 100%;padding-bottom: 2.4vw;}
  #contents05-5 .inner-Box2 h2 {text-align: center;position: relative;top: -3.5vw;margin: 0 13vw 1.9vw;}
  #contents05-5 .inner-Box2 h2 img{  }
  #contents05-5 .inner-Box2 h3.f-min-02 {font-size: 3.86vw;line-height: 6.76vw;font-weight: 700;letter-spacing: 0.2vw;margin-bottom: 10.2vw;text-align: center;}
  #contents05-5 .inner-Box2 h3.f-min-02 span{  }
  #contents05-5 .inner-Box2 ul.list {}
  #contents05-5 .inner-Box2 ul li {position: relative;width: 72.46vw;margin-right: 7.24vw;background: #fff;margin-bottom: 7.0vw;min-height: 84vw;}
  #contents05-5 .inner-Box2 ul li a{  }
  #contents05-5 .inner-Box2 ul .prev-arrow{ position: absolute; top: 39vw; z-index: 3; left: 1.7vw; width: 9.5vw; }
  #contents05-5 .inner-Box2 ul .next-arrow{ width: 9.5vw; position: absolute; top: 38.9vw; right: 1.6vw; }
  #contents05-5 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;}
  #contents05-5 .inBox {margin: 0 4vw;position: relative;padding: 5.5vw 0vw 4.8vw;}
  #contents05-5 .inBox figure.img {position: absolute;top: 3.2vw;left: -0.6vw;width: 9vw;}
  #contents05-5 .inBox p.sel {font-size: 3.38vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 4.8vw;color: #CC8400;padding-left: 10.5vw;}
  #contents05-5 .inBox h4 {font-size: 3.86vw;line-height: 1.6;font-weight: 600;letter-spacing: 0.3vw;margin-bottom: 4.4vw;}
  #contents05-5 .inBox h4 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  #contents05-5 .inBox ul li { position: relative; }
  #contents05-5 .inBox ul li a{  }
  #contents05-5 .inBox figure.photo { position: absolute; top: 0; left: 0; }
  #contents05-5 p.btn{text-align: center;margin: 0 4.1vw;}
  #contents05-5 p.btn img{  }
  #contents05-5 .inner-Box2 .newicon{display: inline-block;font-size: 3.2vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;background: #840D0A;color: #fff;padding: 0.2vw 2.7vw;position: absolute;top: 0;left: 0;z-index: 3;}
  

  #contents06 {margin: 0 2.5vw;position: relative;background: #fff;padding: 21.1vw 0 38.8vw;}
  #contents06 .inner-Box {position: relative;}
  #contents06 .inner-Box h2 {text-align: center;margin: 0 13vw 10.2vw;}
  #contents06 .inner-Box h2 img{  }
  #contents06 .inner-Box p.btn{text-align: center;margin: 0 1.7vw;}
  #contents06 .inner-Box p.btn img{  }
  #contents06 .inner-Box span.arr { display: block; line-height: 1; }
  
  #interview .system-list{margin-bottom: 2.2vw;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;}
  #interview .system-list li{line-height: 1.4;margin-right: 2.7%;background: #fff;position: relative;margin-bottom: 12.1vw;width: 48.6%;}
  #interview .system-list li:nth-child(2n){ margin-right: 0}
  #interview .system-list li a:hover{ text-decoration: none; }
  #interview .system-list li .arr{position: absolute;top: 0;left: 0;z-index: 3;}
  #interview .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%;}
  #interview .system-list .btn::after { content: ' >';}
  #interview .system-pic{width: 100%;height: 33.9vw;overflow: hidden;text-align: center;margin-bottom: 3.3vw;}
  #interview .system-pic img{width: 100%;height: 33.9vw;}
  #interview .system-date{ font-size: 3.4vw; margin-bottom: 2.4vw; line-height: 1.4; }
  #interview .system-date::before{ content: "■"; }
  #interview .system-list li .system-name{font-size: 3.4vw;margin-bottom: 2.3vw;line-height: 1.4;color: #4D4D4D;}
  #interview .system-coment{ font-size: 3.4vw; margin-bottom: 1.2vw; line-height: 1.4; }
  #interview .system-ttl-01{font-size: 3.86vw;margin-bottom: 1.2vw;line-height: 5.79vw;letter-spacing: 0.2vw;color: #4D4D4D;}
  
  #contents07 {margin: 0 auto -2.4vw;position: relative;background: url('../images/index/sp-contents07-back01.png') no-repeat top center;background-size: 100% auto;}
  #contents07 .inner-Box1 {margin: 0 auto 14.3vw;position: relative;}
  #contents07 .inner-Box1 h2 {position: relative;}
  #contents07 .inner-Box1 h2 img{  }
  #contents07 .inner-Box1 .inBox {position: relative;padding: 10.3vw 5.3vw;}
  #contents07 .inner-Box1 .inBox h3.f-gara {font-size: 7.72vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 2.9vw;}
  #contents07 .inner-Box1 .inBox h3.f-gara span{  }
  #contents07 .inner-Box1 .inBox p.text {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0.2vw;margin-bottom: 7.1vw;}
  #contents07 .inner-Box1 .inBox h4.f-min-02 {font-size: 3.86vw;line-height: 5.79vw;font-weight: 700;letter-spacing: 0.2vw;margin-bottom: 7.2vw;text-align: right;padding-top: 7.1vw;margin-right: 0.1vw;}
  #contents07 .inner-Box2 {margin: 0 3vw;position: relative;background: #F6F3EC;}
  #contents07 .inner-Box2 .inBox {}
  #contents07 .inner-Box2 .inBox h2 {position: relative;top: 0;margin-bottom: 12.2vw;}
  #contents07 .inner-Box2 .inBox h2 img{  }
  #contents07 .inner-Box2 .inBox ul.list1 {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;max-width: 100%;margin: 0 auto 6.7vw;}
  #contents07 .inner-Box2 .inBox ul.list1 li {margin-bottom: 1vw;}
  #contents07 .inner-Box2 .inBox ul.list1 li:nth-child(4) { margin-right: 0.0vw; }
  #contents07 .inner-Box2 .inBox ul li figure{ margin-bottom: 4vw; }
  #contents07 .inner-Box2 .inBox ul.list1 li figure img{ width: 100%; height: auto; }
  #contents07 .inner-Box2 .inBox p.btn{text-align: center;margin-bottom: 19.3vw;}
  #contents07 .inner-Box2 .inBox p.btn img{  }
  #contents07 .inner-Box2 .inBox ul.list2 {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #contents07 .inner-Box2 .inBox ul.list2 li{margin-right: 2.5%;margin-bottom: -1.4vw;width: 48.7%;}
  #contents07 .inner-Box2 .inBox ul.list2 li:nth-child(2n) { margin-right: 0.0vw; }
  
  
  #contents08 {position: relative;background: #F6F3EC;}
  #contents08 .inner-Box1 {position: relative;padding: 21.9vw 3vw 21.9vw;}
  #contents08 .inner-Box1 h2 {margin: 0 6.3vw 7.7vw;}
  #contents08 .inner-Box1 h2 img{  }
  #contents08 .inner-Box1 p.btn{position: relative;margin: 0 22vw;padding-bottom: 3vw;}
  #contents08 .inner-Box1 p.btn img{  }
  #contents08 .inner-Box2 {margin: 0;background: url('../images/index/sp-contents08-back01.png') no-repeat top center;background-size: 100% 100%;position: relative;padding: 18.9vw 3vw 17.9vw;}
  #contents08 .inner-Box2 h2 {margin: 0 8.4vw 7.7vw;}
  #contents08 .inner-Box2 h2 img{  }
  #contents08 .inner-Box2 p.btn{position: relative;margin: 0 22vw;padding-bottom: 3vw;position: relative;top: -14.9vw;}
  #contents08 .inner-Box2 p.btn img{  }
  
  #contents08 .system-list{margin-bottom: 17.7vw;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;}
  #contents08 .system-list li{line-height: 1.4;margin-right: 2.6%;background: #fff;position: relative;margin-bottom: 4.8vw;padding: 2.2vw 2.3vw 6.5vw;width: 48.7%;}
  #contents08 .system-list li:nth-child(2n){ margin-right: 0}
  #contents08 .system-list li a:hover{ text-decoration: none; }
  #contents08 .system-pic{width: 100%;height: 27.7vw;overflow: hidden;text-align: center;margin-bottom: 1.5vw;}
  #contents08 .system-pic img{width: 100%;height: 27.7vw;}
  #contents08 .system-list li .system-ttl-01{font-size: 3.38vw;line-height: 5.07vw;letter-spacing: 0.2vw;font-weight: 500;}
  #contents08 .system-list li .system-ttl-01 span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
  

}



/* ========== FAQ ========== */
@media screen and (min-width: 768px) {
  #faq { width: 100%; margin: 0 auto; padding: 70px 0 100px; background: #fff; }
  #faq .inner-Box { width: 1200px; margin: 0 auto; position: relative; }
  #faq h2 { text-align: center; color: #B18B28; font-size: 12px; letter-spacing: 0.6px; margin-bottom: 32px; }
  #faq h2 span { display: block; font-size: 42px; letter-spacing: 0px; font-weight: 500; color: #222222; margin-top: 2px; }
  #faq p.morebtn { width: 340px; margin: 40px auto 0; }
  #faq p.morebtn a { display: block; text-align: center; padding: 14px 0; border: 1px solid #B18B28; color: #B18B28; font-size: 15px; letter-spacing: 0.05em; }
  #faq p.morebtn a:hover { background: #B18B28; color: #fff; }
  #faq .faq-sy-box { width: 1000px; margin: 0 auto; }
  #faq .faq-sy-box .list li { border-top: 2px solid #fff; }
  #faq .faq-sy-box .list .sy-ttl { padding: 17px 61px 15px 120px; font-weight: 400; position: relative; font-size: 18px; letter-spacing: 0.05em; line-height: 1.8; text-align: left; color: #2b2827; background: #fff; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02); margin-bottom: 10px; cursor: pointer; word-break: break-word; }
  #faq .faq-sy-box .list .sy-ttl::before { content: "Q"; position: absolute; top: 17px; left: 72px; padding: 5px 10px; color: #fff; background: #000; font-size: 16px; font-weight: bold; letter-spacing: 0.8px; line-height: 24px; }
  #faq .faq-sy-box .list .sy-a-txt { padding: 20px 61px 15px 138px; font-weight: 400; position: relative; font-size: 16px; letter-spacing: 0.05em; line-height: 1.8; text-align: left; color: #2b2827; background: #fff; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02); margin-bottom: 20px; display: none; word-break: break-word; }
  #faq .faq-sy-box .sy-a-txt::before { content: "A"; position: absolute; top: 17px; left: 90px; padding: 5px 10px; color: #fff; background: #B18B28; font-size: 18px; font-weight: bold; letter-spacing: 0.8px; line-height: 24px; }
  #faq .faq-sy-box .sy-ttl .toggle_btn { background-image: url(../images/page-common/sy-icon-b.png); background-repeat: no-repeat; background-position: center 0; width: 41px; height: 41px; position: absolute; top: 14px; right: 15px; }
  #faq .faq-sy-box .sy-ttl.selected .toggle_btn { transform: rotate(180deg); }
}

@media screen and (max-width: 767px) {
  #faq { width: 100%; margin: 0 auto; position: relative; padding: 12vw 0 17vw; background: #fff; }
  #faq .inner-Box { width: 92.8%; margin: 0 auto; position: relative; }
  #faq h2 { text-align: center; color: #B18B28; font-size: 2.9vw; letter-spacing: 0.14vw; margin-bottom: 1.32vw; }
  #faq h2 span { display: block; font-size: 7.73vw; letter-spacing: 0; font-weight: 500; color: #222222; margin-top: -0.52vw; }
  #faq p.morebtn { width: 67.633vw; margin: 0 auto; margin-top: 6vw; }
  #faq p.morebtn a { display: block; text-align: center; padding: 3.5vw 0; border: 1px solid #B18B28; color: #B18B28; font-size: 3.8vw; letter-spacing: 0.05em; }
  #faq .faq-sy-box { width: 90vw; margin: 0 auto; margin-bottom: 8vw; }
  #faq .faq-sy-box .list li { border-top: 2px solid #fff; }
  #faq .faq-sy-box .list .sy-ttl { padding: 5.072vw 15vw 5.072vw 13vw; position: relative; font-weight: 400; font-size: 3.8vw; letter-spacing: 0.05em; line-height: 1.6; text-align: left; color: #2b2827; background: #fff; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02); margin-bottom: 1vw; cursor: pointer; word-break: break-word; }
  #faq .faq-sy-box .list .sy-ttl::before { content: "Q"; position: absolute; top: 3.9vw; left: 3vw; padding: 1vw 2vw; color: #fff; background: #000; font-size: 4vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.6; }
  #faq .faq-sy-box .list .sy-a-txt { padding: 5.072vw 5.797vw 5.072vw 16vw; font-weight: 400; font-size: 3.665vw; letter-spacing: 0.05em; line-height: 1.6; text-align: left; color: #2b2827; background: #fff; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02); margin-bottom: 2vw; display: none; word-break: break-word; }
  #faq .faq-sy-box .sy-a-txt::before { content: "A"; position: absolute; left: 7.5vw; padding: 1vw 2vw; color: #fff; background: #B18B28; font-size: 4vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.6; }
  #faq .faq-sy-box .sy-ttl .toggle_btn { background-image: url(../images/page-common/sp-sy-icon-b.png); background-repeat: no-repeat; background-position: center 0; background-size: cover; width: 9.903vw; height: 9.903vw; position: absolute; top: 3.2vw; right: 3vw; }
  #faq .faq-sy-box .sy-ttl.selected .toggle_btn { transform: rotate(180deg); }
}