@charset "UTF-8";
@media screen and (min-width: 768px),print {  
header{position: absolute;z-index: 4;top: 16px;}
#contentsmain{position: relative;margin-bottom: 67px;}
#contentsmain .inner-Box{ }
#contentsmain .inner-Box img{ width: 100%!important; height: auto;}
#contentsmain .inner-Box h2{position: absolute;top: 21.6vw;right: 50px;z-index: 3;}
#contentsmain .inner-Box h3{position: absolute;bottom: 39px;left: 39px;color: #fff;border-bottom: 1px solid #fff;width: 640px;font-size: 19px;padding: 0 0 12px 10px;letter-spacing: 0;}
#contentsmain .inner-Box h3 span{ }
#contentsmain .inner-Box p{position: absolute;bottom: 91px;left: 49px;z-index: 4;color: #fff;font-size: 15px;font-weight: 700;}

#infom{width: 1105px;margin: 0 auto;position: relative;}
#infom .inner-Box{padding: 0 0 0 205px;}
#infom .inner-Box h2{position: absolute;top: -6px;left: 0;font-size: 27px;font-weight: 600;letter-spacing: 0;}
#infom .inner-Box ul.system-list{padding: 3px 0 0;}
#infom .inner-Box ul.system-list li{border-bottom: #EEE 1px solid;position: relative;font-size: 15px;letter-spacing: 0.75px;margin-bottom: 19px;}
#infom .inner-Box ul.system-list li .date{position: absolute;top: 0;left: 11px;font-size: 15px;}
#infom .inner-Box ul.system-list li h3{padding: 0 0 13px 140px;}
#infom .inner-Box .btn{ text-align: right; margin-right: 9px; }

#contents01 {margin: 0 auto 176px;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center;}
#contents01 .inner-Box {margin: 0px auto 154px;position: relative;width: 988px;padding: 193px 0 0 472px;}
#contents01 .inner-Box h2 {font-size: 56px;line-height: 1.57;font-weight: 600;letter-spacing: 5.6px;margin-bottom: 0px;position: relative;position: absolute;top: 149px;left: 0;}
#contents01 .inner-Box h2 span {display: block;font-size: 17px;letter-spacing: 0px;font-weight: 600;margin-bottom: 24px;}
#contents01 .inner-Box p.text {font-size: 22px;line-height: 2.91;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contents01 .inner-Box h3 {font-size: 35px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 0px;position: relative;margin-right: -20px;}
#contents01 h4 {font-size: 17px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 27px;position: relative;text-align: center;}
#contents01 ul.banner-sl {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;}
#contents01 ul .slick-list li { width: 860px!important; margin: 0 10px; }
#contents01 ul li figure { width: 100%; height: auto; }
#contents01 ul li a {  }
#contents01 ul li a:hover {  }
#contents01 .slick-active{  }

#topevent{width: 1120px;margin: 0 auto 156px;position: relative;}
#topevent h2{text-align: center;font-size: 64px;margin-bottom: -6px;}
#topevent .subtext{text-align: center;font-size: 17px;letter-spacing: 0;margin-bottom: 44px;}
#topevent .innder-Box{ }
#topevent .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;}
#topevent .system-list li{width: 340px;margin-right: 50px;}
#topevent .system-list li:nth-child(3){margin-right: 0;}
#topevent .system-list .photo{width: 340px;height: 250px;overflow: hidden;margin-bottom: 11px;background: #F8F8FF;}
#topevent .system-list .photo img{width: 340px;height: 250px;}
#topevent .system-list h3{font-size: 16px;font-weight: 400;letter-spacing: 0;position: relative;padding: 0 0 15px 28px;border-bottom: #EEEEEE 1px solid;margin-bottom: 6px;}
#topevent .system-list h3::before{content: "";display: block;width: 14px;height: 14px;background: #4F9FB5;border-radius: 50%;position: absolute;top: 9px;left: 0;}
#topevent .system-list h3.event_event_nagaoka::before{ }
#topevent .system-list h3.event_event_niigata::before{ background: #8CB81B; }
#topevent .system-list h3.event_event_reform::before{ background: #BF657B; }
#topevent .system-list .date{ color: #666666; font-size: 13px; letter-spacing: 0; display: block;}
#topevent .system-list .ples{ color: #666666; font-size: 13px; letter-spacing: 0; display: block;}

#topevent .btn{position: absolute;top: 123px;right: 11px;}

#contents02 {margin: 0 auto 160px;position: relative;}
#contents02 h2 {text-align: center;margin-bottom: 52px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .inner-Box1 {margin: 0 auto 17px;position: relative;padding: 0 30px;}
#contents02 .inner-Box1 .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;max-width: 1600px;margin: 0 auto;}
#contents02 .inner-Box1 .system-list li{width: 31.3%;margin-right: 3%;margin-bottom: 66px;}
#contents02 .inner-Box1 .system-list li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box1 .system-list li .system-pic {width: 100%;aspect-ratio: 25 / 18;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;background: #f8f8f8;}
#contents02 .inner-Box1 .system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents02 .inner-Box1 .system-list li h3{font-size: 19px;font-weight: 700;letter-spacing: 0;margin-bottom: 13px;}
#contents02 .inner-Box1 .system-list li .systemtext{  }

#contents02 .inner-Box2 {margin: 0 auto 31px;position: relative;background: #F5F6F7;max-width: 1600px;padding: 0 30px 12px;}
#contents02 .inner-Box2 h3 {text-align: center;padding: 46px 0 0;margin-bottom: 38px;}
#contents02 .inner-Box2 h3 span{  }
#contents02 .inner-Box2 h3 img {  }
#contents02 .inner-Box2 ul {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;max-width: 1030px;margin: 0 auto;}
#contents02 .inner-Box2 ul li {margin: 0 6px 18px;}
#contents02 .inner-Box2 ul li a{font-size: 13px;letter-spacing: 0;font-weight: 400;line-height: 1;background: #fff;padding: 10px 17px;display: inline-block;color: #666666;}

#contents02 .inner-Box3 { margin: 0 auto; position: relative; }
#contents02 .inner-Box3 ul.list3 {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: 940px;margin: 0 auto;}
#contents02 .inner-Box3 ul li {margin-right: 20px;}
#contents02 .inner-Box3 ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box3 ul li figure {  }
#contents02 .inner-Box3 ul li a {  }
#contents02 .inner-Box3 ul li a:hover {  }


#contents03 {margin: 0 auto 122px;position: relative;background: url('../images/index/contents03-back01.png')no-repeat bottom center;padding-top: 630px;max-width: 1920px;overflow: hidden;}
#contents03 h3{position: absolute;top: 183px;left: 21px;font-size: 36px;font-weight: 600;line-height: 1.4;}
#contents03 p.btn { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 2; }
#contents03 p.btn img {}
#contents03 .inner-Box {margin: 0 auto;position: relative;max-width: 1440px;padding: 0 20px 27px 360px;}
#contents03 .inner-Box ul.f-min {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;}
#contents03 .inner-Box ul li {width: 30.2%;margin-right: 4.7%;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box ul li figure {margin-bottom: 17px;}
#contents03 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contents03 .inner-Box ul li a {  }
#contents03 .inner-Box ul li a:hover {  }
#contents03 .inner-Box p.ltext {font-size: 19px;line-height: 1.88;font-weight: 600;letter-spacing: 0px;margin-bottom: 30px;position: relative;}


#contents04 {margin: 0 auto 183px;position: relative;}
#contents04 .inner-Box {margin: 0 auto 81px;position: relative;width: 1200px;padding: 28px 0 0 323px;}
#contents04 .inner-Box h2 {position: absolute;top: 0;left: 0;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {  }
#contents04 .inner-Box .text{line-height: 1.9;margin-bottom: 20px;}
#contents04 .inner-Box2{margin: 0 0 0 18.8vw; position: relative;}
#contents04 .inner-Box2 ul{margin-bottom: 83px;}
#contents04 .inner-Box2 ul li{ width: 480px; background: #F5F6F7; padding: 60px; border: 1px solid #EEEEEE; margin-right: 40px; }
#contents04 .inner-Box2 ul li .system-pic{width: 360px;height: 240px;background: #fff;margin-bottom: 12px;}
#contents04 .inner-Box2 ul li .system-pic img{ width: 100%; height: 240px; }
#contents04 .inner-Box2 ul li .enn{font-size: 11px;letter-spacing: 0px;position: relative;top: -5px;left: 2px;margin-bottom: 9px;}
#contents04 .inner-Box2 ul li .more{font-size: 12px;letter-spacing: 0;font-weight: 600;}
#contents04 .inner-Box2 ul li .system-ttl-01{margin-bottom: 14px;font-size: 17px;letter-spacing: 0;font-weight: 700;}

#contents04 .inner-Box2 .next-arrow{position: absolute;top: -20px;left: 60px;}
#contents04 .inner-Box2 .prev-arrow{position: relative;top: -20px;}
#contents04 p.banner {text-align: center;}
#contents04 p.banner img {  }

#contents05 {margin: 0 auto;position: relative;width: 1000px;}
#contents05 h2 {text-align: center;margin-bottom: 38px;}
#contents05 h2 span{  }
#contents05 h2 img {  }
#contents05 .inner-Box { margin: 0 auto; position: relative; }
#contents05 .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;}
#contents05 .inner-Box ul li {margin-right: 40px;margin-bottom: 50px;}
#contents05 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents05 .inner-Box ul li figure {  }
#contents05 .inner-Box ul li a {  }
#contents05 .inner-Box ul li a:hover {  }

#contents06 {margin: 0 auto 130px;position: relative;background: url('../images/index/contents06-back01.png')no-repeat bottom center;padding-bottom: 178px;max-width: 1920px;overflow: hidden;}
#contents06 .inner-Box {margin: 0 auto;position: relative;width: 1200px;padding: 216px 0 0;}
#contents06 .inner-Box h2 {font-size: 35px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 42px;position: relative;}
#contents06 .inner-Box p.text {font-size: 16px;line-height: 2.38;font-weight: 400;letter-spacing: 0px;margin-bottom: 37px;position: relative;}
#contents06 .inner-Box figure.photo {position: absolute;top: 73px;right: -213px;}
#contents06 .inner-Box figure.photo img{  }
#contents06 .inner-Box ul.list { position: relative; left: 0px; top: 8px; }
#contents06 .inner-Box ul li {margin-bottom: 10px;}
#contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents06 .inner-Box ul li figure {  }
#contents06 .inner-Box ul li a {  }
#contents06 .inner-Box ul li a:hover {  }

#contents07 {margin: 0 auto 119px;position: relative;width: 1000px;}
#contents07 .inner-Box { margin: 0 auto; position: relative; }
#contents07 .inner-Box ul.f-min {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents07 .inner-Box ul li {  }
#contents07 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents07 .inner-Box ul li figure {margin-bottom: 12px;}
#contents07 .inner-Box ul li a {  }
#contents07 .inner-Box ul li a:hover {  }
#contents07 .inner-Box p.text {font-size: 19px;line-height: 1.88;font-weight: 600;letter-spacing: 0px;margin-bottom: 30px;position: relative;text-align: center;}

#contents08{width: 1120px;margin: 0 auto;position: relative;}
#contents08 .inner-Box{}
#contents08 .inner-Box h2{font-size: 27px;font-weight: 600;letter-spacing: 0;padding: 0 0 0 8px;margin-bottom: 26px;}
#contents08 .inner-Box h2 span{font-size: 17px;letter-spacing: 0;font-weight: 400;padding: 0 0 0 37px;}
#contents08 .inner-Box ul.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;}
#contents08 .inner-Box ul.system-list li{position: relative;font-size: 15px;letter-spacing: 0.75px;margin-bottom: 19px;width: 250px;margin-right: 40px;}
#contents08 .inner-Box ul.system-list li:nth-child(4) { margin-right: 0px; }
#contents08 .inner-Box ul.system-list li .date{font-size: 13px;color: #666666;margin-bottom: 7px;}
#contents08 .inner-Box ul.system-list li p.system-ttl-01{font-size: 15px;letter-spacing: 0.75px;line-height: 1.6;font-weight: 400;}

#contents08 .inner-Box .btn{ position: absolute; top: 15px; right: 9px; }
#contents08 .system-list .system-pic{width: 250px; height: 180px;overflow: hidden;margin-bottom: 11px;background: #F8F8FF;}
#contents08 .system-list .system-pic img{width: 250px; height: 180px;}


}


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

    #contents04 .inner-Box2{margin: 0 0 0 30px; position: relative;}

	
}



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



    header{position: absolute;z-index: 4;top: 0.16vw;}
    #contentsmain{position: relative;margin-bottom: 17.78vw;}
    #contentsmain .inner-Box{}
    #contentsmain .inner-Box img{ width: 100%!important; height: auto;}
    #contentsmain .inner-Box h2{position: absolute;top: 32.5vw;left: 50%;z-index: 3;transform: translateX(-50%);width: 63.3vw;}
    #contentsmain .inner-Box h3{position: absolute;bottom: 4.82vw;left: 3.82vw;color: #fff;border-bottom: 0.24vw solid #fff;font-size: 3.38vw;padding: 0 0 2.2vw 1.22vw;letter-spacing: 0;width: 92.3vw;}
    #contentsmain .inner-Box h3 span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #contentsmain .inner-Box p{position: absolute;bottom: 13.58vw;left: 4.84vw;z-index: 4;color: #fff;font-size: 2.90vw;font-weight: 700;}
    
    #infom{margin: 0 4vw;position: relative;}
    #infom .inner-Box{}
    #infom .inner-Box h2{position: relative;top: 0vw;left: 1vw;font-size: 6.52vw;font-weight: 600;letter-spacing: 0;margin: 0 0 2.8vw;}
    #infom .inner-Box ul.system-list{padding: 0.72vw 0 0;margin-bottom: -0.9vw;}
    #infom .inner-Box ul.system-list li{border-bottom: #EEE 0.24vw solid;position: relative;font-size: 3.62vw;letter-spacing: 0.18vw;margin-bottom: 4.59vw;}
    #infom .inner-Box ul.system-list li .date{position: absolute;top: 0.3vw;left: 3.36vw;font-size: 3.14vw;}
    #infom .inner-Box ul.system-list li h3{padding: 0 0 4.14vw 26.52vw;font-size: 3.14vw;}
    #infom .inner-Box .btn{text-align: right;margin-right: 0.37vw;font-size: 3.62vw;letter-spacing: 0;}
    
    #contents01 {margin: 0 auto 18.11vw;position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat top center;background-size: 100% auto;}
    #contents01 .inner-Box {margin: 0.0vw auto 35.1vw;position: relative;padding: 28.02vw 10.1vw 0;}
    #contents01 .inner-Box h2 {font-size: 8.21vw;line-height: 1.57;font-weight: 600;letter-spacing: 0.82vw;margin-bottom: 4vw;position: relative;left: 0;}
    #contents01 .inner-Box h2 span {display: block;font-size: 3.62vw;letter-spacing: 0.0vw;font-weight: 600;margin-bottom: 4.1vw;}
    #contents01 .inner-Box p.text {font-size: 3.62vw;line-height: 2.87;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}
    #contents01 .inner-Box h3 {font-size: 4.59vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 0.0vw;position: relative;margin-right: 0vw;top: -1.3vw;}
    #contents01 h4 {font-size: 3.62vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.12vw;position: relative;text-align: center;}
    #contents01 ul.banner-sl {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;}
    #contents01 ul li {margin: 0 0 4.8vw;}
    #contents01 ul li figure { width: 100%; height: auto; }
    #contents01 ul li a {  }
    #contents01 ul li a:hover {  }
    #contents01 .slick-active{  }
    
    #topevent{margin: 0 auto 26.38vw;position: relative;}
    #topevent h2{text-align: center;font-size: 10.63vw;margin-bottom: 1.5vw;}
    #topevent .subtext{text-align: center;font-size: 3.62vw;letter-spacing: 0;margin-bottom: 5.53vw;}
    #topevent .innder-Box{ }
    #topevent .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: 11vw;}
    #topevent .system-list li{margin: 0 2.42vw;width: 82.13vw!important;}
    #topevent .system-list li:nth-child(3){}
    #topevent .system-list .photo{height: 60.39vw;overflow: hidden;margin-bottom: 2.66vw;background: #F8F8FF;}
    #topevent .system-list .photo img{height: 60.39vw;}
    #topevent .system-list h3{font-size: 3.86vw;font-weight: 400;letter-spacing: 0;position: relative;padding: 0 0 4.62vw 6.76vw;border-bottom: #EEEEEE 0.24vw solid;margin-bottom: 2.55vw;}
    #topevent .system-list h3::before{content: "";display: block;width: 3.38vw;height: 3.38vw;background: #4F9FB5;border-radius: 50%;position: absolute;top: 2.17vw;left: 0;}
    #topevent .system-list h3.event_event_nagaoka::before{ }
    #topevent .system-list h3.event_event_niigata::before{ background: #8CB81B; }
    #topevent .system-list h3.event_event_reform::before{ background: #BF657B; }
    #topevent .system-list .date{color: #666666;font-size: 3.14vw;letter-spacing: 0;display: block;margin-bottom: -0.6vw;}
    #topevent .system-list .ples{ color: #666666; font-size: 3.14vw; letter-spacing: 0; display: block;}
    
    #topevent .btn{position: relative;}
    #topevent .btn a{display: block;border: 1px solid #707070;text-align: center;margin: 0 21vw;padding: 0vw;font-size: 3.62vw;padding: 2.6vw 1.9vw 3.1vw 0vw;}
    
    #contents02 {margin: 0 auto 17.15vw;position: relative;}
    #contents02 h2 {text-align: center;margin: 0 8.7vw 9.36vw 8vw;}
    #contents02 h2 span{  }
    #contents02 h2 img {  }
    #contents02 .inner-Box1 {margin: 0 auto 2.41vw;position: relative;padding: 0 2.75vw;}
    #contents02 .inner-Box1 .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;}
    #contents02 .inner-Box1 .system-list li{width: 48.7%;margin-right: 2.6%;margin-bottom: 10.54vw;}
    #contents02 .inner-Box1 .system-list li:nth-child(2n) { margin-right: 0.0vw; }
    #contents02 .inner-Box1 .system-list li .system-pic {width: 100%;aspect-ratio: 25 / 18;overflow: hidden;text-align: center;margin-bottom: 1.02vw;position: relative;background: #f8f8f8;}
    #contents02 .inner-Box1 .system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
    #contents02 .inner-Box1 .system-list li h3{font-size: 3.38vw;font-weight: 700;letter-spacing: 0;margin-bottom: 2.14vw;}
    #contents02 .inner-Box1 .system-list li .systemtext{  }
    
    #contents02 .inner-Box2 {margin: 0 auto 9.59vw;position: relative;background: #F5F6F7;padding: 0 1.25vw 9.7vw;}
    #contents02 .inner-Box2 h3 {text-align: center;padding: 13.31vw 10.2vw 0 12vw;margin-bottom: 8.18vw;}
    #contents02 .inner-Box2 h3 span{  }
    #contents02 .inner-Box2 h3 img {  }
    #contents02 .inner-Box2 ul {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
    #contents02 .inner-Box2 ul li {margin: 0 1.45vw 3.25vw;}
    #contents02 .inner-Box2 ul li a{font-size: 2.90vw;letter-spacing: 0;font-weight: 400;line-height: 1;background: #fff;padding: 2.02vw 2.11vw;display: inline-block;color: #666666;}
    
    #contents02 .inner-Box3 {margin: 0 0vw;position: relative;}
    #contents02 .inner-Box3 ul.list3 {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 13.9vw;}
    #contents02 .inner-Box3 ul li {margin-bottom: 4.83vw;}
    #contents02 .inner-Box3 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents02 .inner-Box3 ul li figure {  }
    #contents02 .inner-Box3 ul li a {  }
    #contents02 .inner-Box3 ul li a:hover {  }
    
    
    #contents03 {margin: 0 auto 22.87vw;position: relative;background: url('../images/index/sp-contents03-back01.png')no-repeat bottom center;padding-top: 0vw;background-size: 100% auto;}
    #contents03 h3{position: relative;font-size: 6.28vw;font-weight: 600;line-height: 1.4;margin-bottom: 7vw;}
    #contents03 p.btn {position: relative;margin-bottom: 33.9vw;}
    #contents03 p.btn img {  }
    #contents03 .inner-Box {margin: 0 -0.2vw 0vw 5.7vw;position: relative;padding-bottom: 0.1vw;}
    #contents03 .inner-Box ul.f-min {margin-right: 6vw;}
    #contents03 .inner-Box ul li {}
    #contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents03 .inner-Box ul li figure {margin-bottom: 9.71vw;}
    #contents03 .inner-Box ul li figure img{ width: 100%; height: auto; }
    #contents03 .inner-Box ul li a {  }
    #contents03 .inner-Box ul li a:hover {  }
    #contents03 .inner-Box p.ltext {font-size: 4.59vw;line-height: 1.88;font-weight: 600;letter-spacing: 0.0vw;position: relative;display: none;}
    
    
    #contents04 {margin: 0 auto 17.2vw;position: relative;}
    #contents04 .inner-Box {margin: 0 auto 10.87vw;position: relative;}
    #contents04 .inner-Box h2 {position: relative;top: 0;margin: 0 28.1vw 6.3vw 34.2vw;left: 0;}
    #contents04 .inner-Box h2 span{  }
    #contents04 .inner-Box h2 img {  }
    #contents04 .inner-Box .text{font-size: 3.14vw;line-height: 1.9;margin: 0 10vw 4.83vw;}
    #contents04 .inner-Box2{position: relative;margin-bottom: 12.2vw;}
    #contents04 .inner-Box2 ul{margin-bottom: 3.95vw;}
    #contents04 .inner-Box2 ul li{background: #F5F6F7;padding: 5.19vw 4.69vw 11.19vw 4.69vw;border: 0.24vw solid #EEEEEE;margin: 0 2.42vw;width: 77.29vw!important;}
    #contents04 .inner-Box2 ul li .system-pic{height: 46.17vw;background: #fff;margin-bottom: 2.9vw;}
    #contents04 .inner-Box2 ul li .system-pic img{width: 100%;height: 46.17vw;}
    #contents04 .inner-Box2 ul li .enn{font-size: 2.66vw;letter-spacing: 0.0vw;position: relative;top: 0vw;left: -0.12vw;margin-bottom: 2.17vw;}
    #contents04 .inner-Box2 ul li .more{font-size: 2.9vw;letter-spacing: 0;font-weight: 600;}
    #contents04 .inner-Box2 ul li .system-ttl-01{margin-bottom: 1.98vw;font-size: 3.62vw;letter-spacing: 0;font-weight: 700;}
    
    #contents04 .btn{position: relative;}
    #contents04 .btn a{display: block;border: 1px solid #707070;text-align: center;margin: 0 21vw;padding: 0vw;font-size: 3.62vw;padding: 2.6vw 1.9vw 3.1vw 0vw;}


    #contents04 .inner-Box2 .next-arrow{position: absolute;top: 0vw;left: 14.49vw;}
    #contents04 .inner-Box2 .prev-arrow{position: relative;top: 0vw;}
    #contents04 p.banner {text-align: center;margin: 0 4.1vw;}
    #contents04 p.banner img {  }
    
    #contents05 {margin: 0 4vw;position: relative;}
    #contents05 h2 {text-align: center;margin: 0 28.1vw 8.78vw;}
    #contents05 h2 span{  }
    #contents05 h2 img {  }
    #contents05 .inner-Box {position: relative;}
    #contents05 .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;}
    #contents05 .inner-Box ul li {margin-bottom: 4.88vw;}
    #contents05 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents05 .inner-Box ul li figure {  }
    #contents05 .inner-Box ul li a {  }
    #contents05 .inner-Box ul li a:hover {  }
    
    #contents06 {margin: 0 auto 16.9vw;position: relative;background: url('../images/index/sp-contents06-back01.png')no-repeat bottom center;padding-bottom: 65.5vw;background-size: 100% auto;}
    #contents06 .inner-Box {position: relative;padding: 26.27vw 6.9vw 0;}
    #contents06 .inner-Box h2 {font-size: 5.31vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 10.04vw;position: relative;}
    #contents06 .inner-Box p.text {font-size: 3.62vw;line-height: 2.18;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 8.34vw;position: relative;margin-right: -1vw;}
    #contents06 .inner-Box figure.photo {position: relative;top: 0vw;right: 0vw;margin: -20.8vw 0.8vw -19.7vw -1vw;}
    #contents06 .inner-Box figure.photo img{  }
    #contents06 .inner-Box ul.list { position: relative; left: 0.0vw; top: 1.93vw; }
    #contents06 .inner-Box ul li {margin-bottom: 2.42vw;}
    #contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents06 .inner-Box ul li figure {  }
    #contents06 .inner-Box ul li a {  }
    #contents06 .inner-Box ul li a:hover {  }
    
    #contents07 {margin: 0 auto 19.84vw;position: relative;}
    #contents07 .inner-Box {
        position: relative;background: url(../images/index/sp-contents07-back01.png) repeat-x top 12.1vw center;background-size: auto 84.54vw;animation: slide-left 60s linear infinite;
        }
        
        @keyframes slide-left {
            0% { background-position-x: 0; }
            100% { background-position-x: -500vw; }
          }
    #contents07 .inner-Box h2{text-align: center;font-size: 4.59vw;margin-bottom: 4.8vw;}
    #contents07 .inner-Box ul.f-min {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contents07 .inner-Box ul li {  }
    #contents07 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents07 .inner-Box ul li figure {margin-bottom: 2.9vw;}
    #contents07 .inner-Box ul li a {  }
    #contents07 .inner-Box ul li a:hover {  }
    #contents07 .inner-Box p.text {font-size: 3.14vw;line-height: 1.88;font-weight: 600;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;text-align: center;}
    
    #contents08{margin: 0 2.8vw;position: relative;}
    #contents08 .inner-Box{ }
    #contents08 .inner-Box h2{font-size: 6.52vw;font-weight: 600;letter-spacing: 0;margin-bottom: 6.28vw;text-align: center;}
    #contents08 .inner-Box h2 span{font-size: 3.62vw;letter-spacing: 0;font-weight: 400;display: block;margin-top: 2.4vw;}
    #contents08 .inner-Box ul.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;}
    #contents08 .inner-Box ul.system-list li{position: relative;font-size: 3.62vw;letter-spacing: 0.18vw;margin-bottom: 11.59vw;margin-right: 2%;width: 49%;}
    #contents08 .inner-Box ul.system-list li:nth-child(2n) { margin-right: 0.0vw; }
    #contents08 .inner-Box ul.system-list li .date{font-size: 2.42vw;color: #666666;margin-bottom: 1.69vw;}
    #contents08 .inner-Box ul.system-list li p.system-ttl-01{font-size: 3.38vw;letter-spacing: 0.18vw;line-height: 1.6;font-weight: 400;}
    
    #contents08 .system-list .system-pic{height: 32.48vw;overflow: hidden;margin-bottom: 2.16vw;background: #F8F8FF;}
    #contents08 .system-list .system-pic img{ height: 43.48vw;}

    #contents08 .btn{position: relative;}
    #contents08 .btn a{display: block;border: 1px solid #707070;text-align: center;margin: 0 18vw 18.1vw;font-size: 3.62vw;padding: 2.6vw 1.9vw 3.1vw 0vw;}






}