@charset "UTF-8";
@media screen and (min-width:1401px),print {

#contents-bottom{max-width: 1920px; margin: 0 auto; position: relative;padding: 50px 320px 50px 0;}
#contents-bottom .box01{width: 46%;margin: 0 auto 0 2%;float: left;padding-left: 150px;position: relative;}
#contents-bottom .box01 h2{font-weight: 500;font-size: 20px;letter-spacing: 2px;line-height: 1;position: absolute;top: 3px;left: 2px;}
#contents-bottom .box01 .btn a{width: 120px;height: 31px;font-size: 12px;font-weight: 500;letter-spacing: 1.2px;display: block;position: absolute;top: 42px;left: 0;padding: 4px 0 0 14px;border: 1px solid #1a1a1a;}
#contents-bottom .box01 .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 5px;right: 10px;}
#contents-bottom .box01 .system-list{height: 150px;overflow-y:scroll;width: 100%;}
#contents-bottom .box01 .system-list li .system-date{color: #07767e;font-size: 14px;font-weight: 500;letter-spacing: 0.7px;width: 27%;float: left;line-height: 30px;}
#contents-bottom .box01 .system-list li .system-ttl{width: 72%;float: left;font-size: 14px;font-weight: 500;letter-spacing: 0.7px;line-height: 30px;}


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

#contents-bottom{position: relative;padding: 50px 320px 50px 0;}
#contents-bottom .box01{width: 100%;margin: 0 auto 20px 50px;float: left;padding-left: 150px;position: relative;padding-right: 20px;}
#contents-bottom .box01 h2{font-weight: 500;font-size: 20px;letter-spacing: 2px;line-height: 1;position: absolute;top: 3px;left: 2px;}
#contents-bottom .box01 .btn a{width: 120px;height: 31px;font-size: 12px;font-weight: 500;letter-spacing: 1.2px;display: block;position: absolute;top: 42px;left: 0;padding: 4px 0 0 14px;border: 1px solid #1a1a1a;}
#contents-bottom .box01 .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 5px;right: 10px;}
#contents-bottom .box01 .system-list{ height: 150px; overflow-y:scroll; }
#contents-bottom .box01 .system-list li .system-date{ color: #07767e; font-size: 14px; font-weight: 500; letter-spacing: 0.7px; width: 105px; float: left;line-height: 30px; }
#contents-bottom .box01 .system-list li .system-ttl{ width: 485px; float: left; font-size: 14px; font-weight: 500; letter-spacing: 0.7px; line-height: 30px; }


}
@media screen and (min-width:768px),print {  /* 3枚表示のbxslider
  -------------------------------------*/
  .slider-3mai-Box {overflow: hidden;position: relative;width: 100%;max-width: 1920px;margin: 0 auto;}
  .slider-3mai-Box .slider-3mai {/* position: relative; *//* left: 50%; *//* margin-left: -960px; */}
  .slider-3mai-Box .slider-3mai li { width: 100% !important; height: 740px; }
  .slider-3mai-Box .slider-3mai li:nth-child(1){ background: url('../images/index/sra-01.jpg')no-repeat top center; }
  .slider-3mai-Box .slider-3mai li:nth-child(2){ background: url('../images/index/sra-02.jpg')no-repeat top center; }
  .slider-3mai-Box .slider-3mai li:nth-child(3){ background: url('../images/index/sra-03.jpg')no-repeat top center; }
  .slider-3mai-Box .slider-3mai li:nth-child(4){ background: url('../images/index/sra-04.jpg')no-repeat top center; }
  .slider-3mai-Box .slider-3mai li:nth-child(5){ background: url('../images/index/sra-05.jpg')no-repeat top center; }
  .slider-3mai-Box .slider-3mai li:nth-child(6){ background: url('../images/index/sra-06.jpg')no-repeat top center; }
  .slider-3mai-Box .slider-3mai li:nth-child(7){ background: url('../images/index/sra-07.jpg')no-repeat top center; }
  .slider-3mai-Box .slider-3mai li:nth-child(8){ background: url('../images/index/sra-08.jpg')no-repeat top center; }
  .slider-3mai-Box .bx-wrapper .bx-controls-direction a {position: absolute;top: 676px;outline: 0;width: 80px;height: 80px;text-indent: -9999px;z-index: 9999;}
  .slider-3mai-Box .bx-wrapper .bx-prev {right: 80px;background-image: url(../images/index/bx-l.jpg);background-position: 0 0;}
  .slider-3mai-Box .bx-wrapper .bx-next {right: 0px;background-image: url(../images/index/bx-r.jpg);background-position: 0 0;}
  .slider-3mai-Box h1{position: absolute;top: 293px;left: 50%;margin-left: -187px;color: #fff;font-size: 48px;letter-spacing: 9.6px;font-weight: 700;width: 380px;text-align: center;z-index: 100;line-height: 1.6;}
  
  .side-fix { display: none;}

  #contents-bottom .btn02{ position: absolute; top: 50px; right: 50px; }
  #contents-bottom .banner{ position: absolute; top: 110px; right: 50px; }


#contents01{background: url('../images/index/contents01-back.jpg')no-repeat top center;padding-bottom: 70px;}
#contents01 .inner-Box{width: 1200px;margin: 0 auto;padding-top: 69px;}
#contents01 .inner-Box h2{font-size: 42px;font-weight: 500;letter-spacing: 4.2px;margin-bottom: 20px;}
#contents01 .inner-Box h3{font-size: 24px;font-weight: 700;letter-spacing: 2.4px;line-height: 42px;margin-bottom: 40px;}
#contents01 .inner-Box .text{ width: 680px; font-size: 14px; font-weight: 500; letter-spacing: 0.7px; line-height: 30px; margin-bottom: 30px; }
#contents01 ul{width: 1200px;margin: 0 auto;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents01 ul li{width: 270px;float: left;margin-right: 40px;position: relative;padding-bottom: 31px;}
#contents01 ul li::before{content: url('../images/index/contents01-pl.svg');position:  absolute;top: 128px;right: -59px;z-index: 1;}
#contents01 ul li:nth-child(4){ margin-right: 0; }
#contents01 ul li:nth-child(4)::before{ content: ""; }
#contents01 ul li figure{position: relative;top: -3px;left: -30px;margin-bottom: -30px;}
#contents01 ul li h4{color: #07767e;font-size: 18px;letter-spacing: 0.9px;font-weight: 700;margin-bottom: 8px;}
#contents01 ul li h4 span{ font-size: 12px; letter-spacing: 1.2px; display: block; }
#contents01 ul li .text2{font-size: 12px;letter-spacing: 0.6px;line-height: 22px;margin-bottom: 26px;}
#contents01 ul li  .btn a{width: 120px;height: 31px;font-size: 12px;font-weight: 500;letter-spacing: 1.2px;display: block;padding: 1px 0 0 7px;border-bottom: 1px solid #1a1a1a;position: absolute; bottom:0; left: 0;}
#contents01 ul li  .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 2px;right: 10px;}

#contents02{background: url('../images/index/contents02-back.jpg')no-repeat top 73px center;padding-bottom: 70px;}
#contents02 .inner-Box{min-width: 1280px;width: 100%;margin: 0 auto;padding-top: 212px;}
#contents02 .inner-Box h2{font-size: 67px;font-weight: bold;text-align: center;letter-spacing: 13px;position: relative;margin-bottom: -5px;}
#contents02 .inner-Box p{text-align: center;font-size: 14px;font-weight: 700;letter-spacing: 1.4px;line-height: 24px;margin-bottom: 35px;}
#contents02 .inner-Box ul{ display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#contents02 .inner-Box ul li{ width: 33.3%; padding-right: 1px; float: left; }
#contents02 .inner-Box ul li img{ width: 100%; height: auto; }

/* list -------------------------------------*/
#list{max-width: 1400px;min-width: 1280px;width: 100%;margin: 0 auto;padding-top: 21px;}
#list h2{font-size: 42px;font-weight: 500;letter-spacing: 4.2px;margin-bottom: 24px;text-align: center;}
#list .system-list{margin-bottom: -49px;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;}
#list .system-list li{line-height: 1.4;width: 24%;margin-right: 1%;background: #fff;position: relative;margin-bottom: 0px;text-align: center;}
#list .system-list li:nth-child(4n){ margin-right: 0}
#list .system-list li a:hover{ text-decoration: none; }
#list .system-list li .inbox{background: #fff;padding: 20px 0;position: relative;top: -39px;margin: 0 17px;}
#list .system-list li .system-date{ position: relative; }
#list .system-list li .system-date::before{position: absolute;content: "";width: 20px;height: 2px;left: 50%;bottom: -6px;margin-left: -10px;background: #1a1a1a;}
#list .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#list .system-list .btn::after { content: ' >';}
#list .system-pic{width: 100%;height: 248px;overflow: hidden;text-align: center;}
#list .system-pic img{width: 100%;height: 275px;}
#list .system-date{margin-bottom: 15px;line-height: 1.4;font-size: 14px;font-weight: 700;letter-spacing: 0.7px;}
#list .system-date::before{}
#list .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#list .system-ttl-01{margin-bottom: 20px;line-height: 1.4;font-size: 12px;font-weight: normal;color: #666666;}
#list .system-category-set { display: inline-block; padding: 0 0px; position: absolute; top: 0; left: 0;}
#list .system-category{ margin-bottom: 1px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #07767e;}
#list .serchcategory{ margin-bottom: 100px;}
#list .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background: #07767e;}
#list .btn a{width: 360px;height: 49px;font-size: 15px;font-weight: 500;letter-spacing: 1.2px;display: block;padding: 8px 0 0 20px;border: 1px solid #1a1a1a;position: relative;margin: 0 auto;}
#list .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 9px;right: 17px;}

#contents04{padding-top: 95px;}
#contents04 h2{text-align: center;font-size: 42px;letter-spacing: 4.2px;font-weight: 500;margin-bottom: 7px;}
#contents04 .inner-Box{background: url('../images/index/contents04-back.jpg')no-repeat top center; padding: 80px 0 101px 0;}
#contents04 .inner-Box .main-box{ width:1100px; margin:0 auto; }
#contents04 .inner-Box .lefbox{ width: 342px; float: left; }
#contents04 .inner-Box .box1{ margin-right:37px; }
#contents04 .inner-Box .box2{ margin-right:37px; }
#contents04 .inner-Box .lefbox .inbox{ width: 342px; margin: 0 auto; color: #fff; position: relative; }
#contents04 .inner-Box .lefbox .inbox a{ color: #fff; }
#contents04 .inner-Box .lefbox .inbox h3{font-size: 24px;font-weight: 500;letter-spacing: 2.4px;line-height: 1.5;margin-bottom: 60px;}
#contents04 .inner-Box .lefbox .inbox .btn a{width: 105px;height: 40px;font-size: 12px;font-weight: lighter;letter-spacing: 2.2px;display: block;padding: 8px 0 0 14px;border-bottom: 1px solid #fff;position: absolute;top: 75px;right: 0;}
#contents04 .inner-Box .lefbox .inbox .btn a::before{content: url('../images/index/arr02.svg');position: absolute;top: 10px;right: 10px;}
#contents04 .inner-Box .lefbox .inbox 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; }
#contents04 .inner-Box .lefbox .inbox li{  text-align: center; background:rgba(0,0,0,0.5); float: left; margin-right: 1px; margin-bottom: 1px; }
#contents04 .inner-Box .lefbox .inbox li a{width: 170px;height: 200px;display: block;padding-top: 50px;}
#contents04 .inner-Box .lefbox .inbox li a:hover{ text-decoration: none; }
#contents04 .inner-Box .lefbox .inbox li a img{ margin-bottom: 15px; }
#contents04 .inner-Box .lefbox .inbox li a p{ font-weight: bold; }

#contents04 .inner-Box .lefbox.box1 .inbox li:nth-child(2) a{ padding-top:56px; }
#contents04 .inner-Box .lefbox.box1 .inbox li:nth-child(2) img{ margin-bottom:27px; }
#contents04 .inner-Box .lefbox.box2 .inbox li:nth-child(2) a{ padding-top:61px; }
#contents04 .inner-Box .lefbox.box3 .inbox li:nth-child(2) a{ padding-top:55px; }
#contents04 .inner-Box .lefbox.box3 .inbox li:nth-child(4) a{ padding-top:25px; }



#column {width: 1200px;margin: 0 auto -6px;padding: 58px 0 0px;position: relative;}
#column h2{font-size: 28px;font-weight: 500;letter-spacing: 2.8px;margin-bottom: 10px;}
#column .system-list{margin-bottom: 50px; 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;}
#column .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 20px;padding: 0 0 20px;width: 19%;margin-right: 1%;float: left;}
#column .system-list li a:hover{ text-decoration: none; }
#column .system-list .system-pic{width: 100%;margin-bottom: 12px;height: 160px;overflow: hidden;}
#column .system-list .system-pic img{ max-width: 100%; height: auto; }
#column .system-list .system-date{width: 100%;margin-bottom: 10px;font-size: 14px;line-height: 1.4;color: #07767e;}
#column .system-list .system-date::before{}
#column .system-list .system-ttl-01{font-size: 16px;line-height: 1.6;margin-bottom: 10px;font-weight: 500;letter-spacing: 0.8px;}
#column .system-list .system-category-set { width: 78%; float: right; margin-bottom: 15px;}
#column .system-list .system-category{ width: 20%; margin-right: 1px; font-size: 0.625em; font-weight: bold; color: #fff; text-align: center; padding: 4px; float: left; background: #ccc;}
#column .system-list .system-contributor { width: 78%; float: right; color: #bbb; font-size: 0.75em; text-align: right;}
#column .system-list li .more{width: 122px;height: 35px;font-size: 12px;font-weight: lighter;letter-spacing: 2.2px;display: block;padding: 7px 0 0 9px;border-bottom: 1px solid #000;position: relative;}
#column .system-list li .more::before{content: url('../images/index/arr.svg');position: absolute;top: 10px;right: 10px;}
#column .btn a{width: 120px;height: 31px;font-size: 12px;font-weight: 500;letter-spacing: 1.2px;display: block;position: absolute;top: 62px;right: 0;padding: 4px 0 0 14px;border: 1px solid #1a1a1a;}
#column .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 5px;right: 10px;}

#contents06{ background: url('../images/index/contents06-back.jpg')top center;  }
#contents06 .inner-Box{width: 1200px;margin: 0 auto;position: relative;padding-left: 320px;}
#contents06 .inner-Box h2{color: #fff;font-size: 24px;line-height: 42px;letter-spacing: 2.4px;position: absolute;top: 76px;left: 0;}
#contents06 .inner-Box .btn a{color: #fff;width: 180px;height: 40px;font-size: 14px;font-weight: lighter;letter-spacing: 2.2px;display: block;padding: 8px 0 0 14px;border-bottom: 1px solid #fff;position: absolute;top: 168px;left: 0;}
#contents06 .inner-Box .btn a::before{content: url('../images/index/arr02.svg');position: absolute;top: 10px;right: 10px;}
#contents06 .inner-Box ul{padding: 80px 0 84px 0;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;align-items: center;}
#contents06 .inner-Box ul li{ width: 270px; float: left; margin-right: 30px; }
#contents06 .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contents06 .inner-Box ul li a{ color: #fff; }
#contents06 .inner-Box ul li img{ margin-bottom: 10px; }
#contents06 .inner-Box ul li p{ font-size: 14px; font-weight: 500; letter-spacing: 0.5px; text-align: center;}

.challenge-box{ background: url('../images/index/contents07-back.jpg'); text-align: center; }
.challenge-box img{position: relative;left: 18px;}
.challenge-box a{padding: 65px 0;display: inline-block;}

#award {width: 1200px;margin: 0 auto -6px;padding: 91px 0 80px;position: relative;background: url('../images/index/contents08-back.svg')no-repeat top 60px center;}
#award h2{font-size: 40px;font-weight: 500;letter-spacing: 3.8px;margin-bottom: -15px;text-align: center;}
#award .text{text-align: center;font-size: 14px;font-weight: 500;letter-spacing: 0.7px;margin-bottom: 43px;}
#award .system-list{margin-bottom: 10px;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;}
#award .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 20px;padding: 0 0 20px;width: 19%;margin-right: 1%;float: left;}
#award .system-list li a:hover{ text-decoration: none; }
#award .system-list .system-pic{width: 100%;margin-bottom: 12px;height: 160px;overflow: hidden;}
#award .system-list .system-pic img{ max-width: 100%; height: auto; }
#award .system-list .system-date{width: 100%;margin-bottom: 10px;font-size: 14px;line-height: 1.4;color: #07767e;}
#award .system-list .system-date::before{}
#award .system-list .system-ttl-01{font-size: 16px;line-height: 1.6;margin-bottom: 10px;font-weight: 500;letter-spacing: 0.8px;}
#award .system-list .system-category-set { width: 78%; float: right; margin-bottom: 15px;}
#award .system-list .system-category{ width: 20%; margin-right: 1px; font-size: 0.625em; font-weight: bold; color: #fff; text-align: center; padding: 4px; float: left; background: #ccc;}
#award .system-list .system-contributor { width: 78%; float: right; color: #bbb; font-size: 0.75em; text-align: right;}
#award .system-list li .more{width: 122px;height: 35px;font-size: 12px;font-weight: lighter;letter-spacing: 2.2px;display: block;padding: 7px 0 0 9px;border-bottom: 1px solid #000;position: relative;}
#award .system-list li .more::before{content: url('../images/index/arr.svg');position: absolute;top: 10px;right: 10px;}
#award .btn a{width: 360px;height: 50px;font-size: 14px;font-weight: 500;letter-spacing: 1.2px;display: block;padding: 11px 0 0 21px;border: 1px solid #1a1a1a;margin: 0 auto;position: relative;}
#award .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 11px;right: 14px;}


#c-8 { background-color: #efefef; padding: 80px 0 100px; }
#c-8 .inner { width: 1000px; margin: 0 auto; }
#c-8 .inner .c8-ttl { font-family: "roboto-slab", serif; font-weight: bold; font-size: 36px; letter-spacing: 0.08em; text-align: center; margin-bottom: 40px; }
#c-8 .inner .c8-wrap { display: flex; gap: 40px; align-items: flex-start; }
#c-8 .inner .c8-wrap .c8-map { width: 520px; height: 360px; flex-shrink: 0; }
#c-8 .inner .c8-wrap .c8-map iframe { width: 100%; height: 100%; display: block; }
#c-8 .inner .c8-wrap .c8-info { flex: 1; padding-top: 8px; }
#c-8 .inner .c8-wrap .c8-info .c8-info-list dt { font-size: 14px; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 4px; margin-top: 20px; }
#c-8 .inner .c8-wrap .c8-info .c8-info-list dt:first-child { margin-top: 0; }
#c-8 .inner .c8-wrap .c8-info .c8-info-list dd { font-size: 16px; letter-spacing: 0.05em; line-height: 1.7; color: #2f2f2f; }


  }

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


#contents-bottom{position: relative;}
#contents-bottom .btn02{ margin: 0 4vw 5vw;}
#contents-bottom .banner{ margin: 0 4vw 14vw; }
#contents-bottom .box01{margin: 13vw 4vw 13vw;position: relative;display: block;}
#contents-bottom .box01 h2{font-weight: 500;font-size: 5.6vw;letter-spacing: 0.3vw;line-height: 1;margin-bottom: 7vw;}
#contents-bottom .box01 .btn a{height: 11vw;width: 39vw;font-size: 3.3vw;font-weight: 500;letter-spacing: 0.3vw;display: block;position: absolute;top: -3vw;right: 0;padding: 3.5vw 0 0 3vw;border: 0.1vw solid #1a1a1a;}
#contents-bottom .box01 .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 3.7vw;right: 2.3vw;}
#contents-bottom .box01 .system-list{ width: 100%; }
#contents-bottom .box01 .system-list li .system-date{color: #07767e;font-size: 3.4vw;font-weight: 500;letter-spacing: 0.3vw;line-height:1.6;width: 30vw;display: block;float: left;}
#contents-bottom .box01 .system-list li .system-ttl{font-size: 3.6vw;font-weight: 500;letter-spacing: 0.3vw;line-height:1.6;width: 50vw;float: left;}

#contents01{background: url('../images/index/sp-contents01-back.jpg')no-repeat top center; background-size: 100% auto; padding-bottom: 9.1vw;}
#contents01 .inner-Box{margin: 0 4vw;padding-top: 7vw;}
#contents01 .inner-Box h2{font-size: 8.3vw;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 7.6vw;}
#contents01 .inner-Box h3{font-size: 4vw;font-weight: 700;letter-spacing: 0.3vw;line-height: 2.4;margin-bottom: 4.2vw;}
#contents01 .inner-Box .text{font-size: 3.4vw;font-weight: 500;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 15.9vw;}
#contents01 .inner-Box figure{ width: 100vw; position: relative; left: -4vw; }
#contents01 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;}
#contents01 ul li{position: relative;padding: 0 4vw;padding-top: 14vw;padding-bottom: 24vw;border-bottom: 1px dotted;}
#contents01 ul li:nth-child(4){ margin-right: 0; }
#contents01 ul li figure{margin-bottom: 4vw;width: 40vw;position: absolute;top: 22vw;right: 0vw;}
#contents01 ul li h4{color: #07767e;font-size: 4.6vw;letter-spacing: 0.5vw;font-weight: 700;margin-bottom: 4vw;}
#contents01 ul li h4 span{font-size: 3.6vw;letter-spacing: 0.3vw;margin-right: 2vw;}
#contents01 ul li .text2{font-size: 3.3vw;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 3.4vw;margin-right: 39vw;min-height: 32vw;}
#contents01 ul li  .btn a{height: 12vw;font-size: 3.4vw;font-weight: 500;letter-spacing: 0.3vw;display: block;padding: 3.1vw 0 0 4.9vw;border: 1px solid #1a1a1a;left: 4vw;width: 92vw;position: absolute;bottom: 5vw;}
#contents01 ul li  .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 3.3vw;right: 3.3vw;}

#contents02{background: url('../images/index/contents02-back.jpg')no-repeat top 8vw center;background-size: 95% auto;padding-bottom: 9.1vw;}
#contents02 .inner-Box{padding-top: 26vw;}
#contents02 .inner-Box h2{font-size: 8.9vw;font-weight: bold;text-align: center;letter-spacing: 1.3vw;position: relative;margin-bottom: 1.3vw;padding-left: 8vw;}
#contents02 .inner-Box p{text-align: center;font-size: 4vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 7.7vw;}
#contents02 .inner-Box ul{ display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#contents02 .inner-Box ul li{margin-bottom: 1px;}
#contents02 .inner-Box ul li img{ width: 100%; height: auto; }

#contents04{padding-top: 12vw;}
#contents04 h2{text-align: center;font-size: 8.3vw;letter-spacing: 0.3vw;font-weight: 500;margin-bottom: 1.9vw;}
#contents04 .inner-Box{background: url('../images/index/sp-contents04-back.jpg')no-repeat top center;background-size: 100% auto;padding: 14.4vw 0 10vw 0;}
#contents04 .inner-Box .lefbox{}
#contents04 .inner-Box .lefbox .inbox{  margin: 0 4vw; color: #fff; position: relative; }
#contents04 .inner-Box .lefbox .inbox a{ color: #fff; }
#contents04 .inner-Box .lefbox .inbox h3{font-size: 5.5vw;font-weight: 500;letter-spacing: 1.3vw;line-height: 1.5;margin-bottom: 6.8vw;text-align: center;}
#contents04 .inner-Box .lefbox .inbox .btn a{width: 100%;height: 14.2vw;font-size: 3.3vw;font-weight: lighter;letter-spacing: 0.3vw;display: block;padding: 4vw 0 0 3.5vw;border: 1px solid #fff;position: relative;margin-bottom: 13vw;}
#contents04 .inner-Box .lefbox .inbox .btn a::before{content: url('../images/index/arr02.svg');position: absolute;top: 4.3vw;right: 2.3vw;}
#contents04 .inner-Box .lefbox .inbox ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 6vw;}
#contents04 .inner-Box .lefbox .inbox li{margin-bottom: 1%;width: 49%;margin-right: 1%; text-align: center; background:rgba(0,0,0,0.5);}
#contents04 .inner-Box .lefbox .inbox li a{width: 100%;height: 35vw;display: block;padding-top: 10vw;}
#contents04 .inner-Box .lefbox .inbox li a:hover{ text-decoration: none; }
#contents04 .inner-Box .lefbox .inbox li a img{ height: 10vw; margin-bottom: 2vw; }
#contents04 .inner-Box .lefbox .inbox li a p{ font-weight: bold; font-size: 3vw; }



#column {margin: 0 auto -0.8vw;padding: 8vw 0 0vw;position: relative;}
#column h2{font-size: 6vw;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 4.3vw;padding-left: 4vw;}
#column .system-list{margin: 0 3vw 6.5vw;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;}
#column .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 2.6vw;padding: 0 0 2.6vw;width: 49%;margin-right: 1%;}
#column .system-list li:nth-child(2n){ margin-right: 0; }
#column .system-list li a:hover{ text-decoration: none; }
#column .system-list .system-pic{width: 100%;margin-bottom: 1.3vw;height: 33.9vw;overflow: hidden;}
#column .system-list .system-pic img{ max-width: 100%; height: auto; }
#column .system-list .system-date{width: 100%;margin-bottom: -0.7vw;font-size: 3.4vw;line-height: 1.4;color: #07767e;}
#column .system-list .system-date::before{}
#column .system-list .system-ttl-01{font-size: 3.6vw;line-height: 1.6;margin-bottom: 5.3vw;font-weight: 500;letter-spacing: 0.3vw;}
#column .system-list .system-category-set { width: 78%; float: right; margin-bottom: 10.7vw;}
#column .system-list .system-category{ width: 20%; margin-right: 0.1vw; font-size: 0.625em; font-weight: bold; color: #fff; text-align: center; padding: 0.5vw;  background: #ccc;}
#column .system-list .system-contributor { width: 78%; float: right; color: #bbb; font-size: 0.75em; text-align: right;}
#column .system-list li .more{height: 7.7vw;font-size: 3.4vw;font-weight: lighter;letter-spacing: 0.3vw;display: block;padding: 0.9vw 0 0 1.2vw;border-bottom: 0.1vw solid #000;position: relative;width: 29vw;}
#column .system-list li .more::before{content: url('../images/index/arr.svg');position: absolute;top: 1.3vw;right: 1.3vw;}
#column .btn a{height: 11vw;font-size: 3.4vw;font-weight: 500;letter-spacing: 0.3vw;display: block;position: absolute;top: 7vw;right: 5vw;width: 38vw;padding: 2.5vw 0 0 2.5vw;border: 0.1vw solid #1a1a1a;}
#column .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 1.7vw;right: 2.3vw;}

#contents06{background: url('../images/index/sp-contents06-back.jpg')top center;background-size: 131% auto;padding-bottom: 16vw;}
#contents06 .inner-Box{margin: 0 4vw;position: relative;padding-top: 11vw;}
#contents06 .inner-Box h2{color: #fff;font-size: 5.5vw;line-height:1.6;letter-spacing: 1vw;margin-bottom: 6vw;}
#contents06 .inner-Box .btn a{color: #fff;height: 13.2vw;font-size: 3.4vw;font-weight: lighter;letter-spacing: 0.3vw;display: block;padding: 4vw 0 0 3.5vw;border: 1px solid #fff;left: 0;width: 100%;position: relative;}
#contents06 .inner-Box .btn a::before{content: url('../images/index/arr02.svg');position: absolute;top: 4.3vw;right: 2.3vw;}
#contents06 .inner-Box ul{padding: 0 4vw 0 4vw;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents06 .inner-Box ul li{ margin-bottom: 7vw; }
#contents06 .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contents06 .inner-Box ul li a{ color: #fff; }
#contents06 .inner-Box ul li img{ margin-bottom: 1.3vw; }
#contents06 .inner-Box ul li p{font-size: 3.4vw;font-weight: 500;letter-spacing: 0.3vw; text-align: center;}

.challenge-box{ background: url('../images/index/contents07-back.jpg'); text-align: center; }
.challenge-box img{position: relative;}
.challenge-box a{display: inline-block;}

#award {margin: 0 auto -0.8vw;padding: 16vw 0 10.4vw;position: relative;background: url('../images/index/contents08-back.svg')no-repeat top 7.8vw center;}
#award h2{font-size: 8.2vw;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: -1vw;text-align: center;}
#award .text{text-align: center;font-size: 3.6vw;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 9.4vw;}
#award .system-list{margin: 0 3vw 6.5vw;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;}
#award .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 2.6vw;padding: 0 0 2.6vw;width: 49%;margin-right: 1%;}
#award .system-list li:nth-child(2n){ margin-right: 0; }
#award .system-list li a:hover{ text-decoration: none; }
#award .system-list .system-pic{width: 100%;margin-bottom: 1.3vw;height: 33.9vw;overflow: hidden;}
#award .system-list .system-pic img{ max-width: 100%; height: auto; }
#award .system-list .system-date{width: 100%;margin-bottom: -0.7vw;font-size: 3.4vw;line-height: 1.4;color: #07767e;}
#award .system-list .system-date::before{}
#award .system-list .system-ttl-01{font-size: 3.6vw;line-height: 1.6;margin-bottom: 5.3vw;font-weight: 500;letter-spacing: 0.3vw;}
#award .system-list .system-category-set { width: 78%; float: right; margin-bottom: 10.7vw;}
#award .system-list .system-category{ width: 20%; margin-right: 0.1vw; font-size: 0.625em; font-weight: bold; color: #fff; text-align: center; padding: 0.5vw;  background: #ccc;}
#award .system-list .system-contributor { width: 78%; float: right; color: #bbb; font-size: 0.75em; text-align: right;}
#award .system-list li .more{height: 7.7vw;font-size: 3.4vw;font-weight: lighter;letter-spacing: 0.3vw;display: block;padding: 0.9vw 0 0 1.2vw;border-bottom: 0.1vw solid #000;position: relative;width: 29vw;}
#award .system-list li .more::before{content: url('../images/index/arr.svg');position: absolute;top: 1.3vw;right: 1.3vw;}
#award .btn a{width: 91%;height: 15vw;font-size: 3.6vw;font-weight: 500;letter-spacing: 1.2px;display: block;padding: 5vw 0 0 2vw;border: 1px solid #1a1a1a;position: relative;margin: 0 auto;}
#award .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 5vw;right: 2vw;}



/* list -------------------------------------*/
#list h2{text-align: center;font-size: 8vw;font-weight: 400;margin-bottom: 2vw;}
#list .system-list{background: #fff;padding: 3vw 8vw;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;}
#list .system-list li{line-height: 1.4;width: 100%;background: #fff;position: relative;}
#list .system-list li:nth-child(2n){ margin-right: 0}
#list .system-list li:nth-child(7){ display: none;}
#list .system-list li:nth-child(8){ display: none;}
#list .system-list li a:hover{ text-decoration: none; }
#list .system-list li .inbox{background: #fff;margin: 0 5vw;text-align: center;position: relative;top: -12vw;padding-top: 3vw;}
#list .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 1.2rem; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#list .system-list .btn::after { content: ' >';}
#list .system-pic{width: 100%;height: 57vw;overflow: hidden;text-align: center;margin-bottom: 8%;}
#list .system-pic img{width: 100%;height: 60vw;}
#list .system-date{font-size: 3.5vw;font-weight: 700;margin-bottom: 2vw;}
#list .system-date::before{}
#list .system-ttl-01{font-size: 2.5vw;margin-bottom: 5%;line-height: 1.6;color: #666666;}
#list .system-category-set {position: absolute;top: 0;left: 0;}
#list .system-category{ margin-bottom: 1px; font-size: 1.2rem; font-weight: bold; color: #fff; text-align: center; padding: 8px; background: #07767e;}
#list .serchcategory{ margin: 0 3% 10%;}
#list .serchcategory .icon {display: inline-block;margin-right: 1%;margin-bottom: 3%;font-size: 1.2rem;color: #fff;text-align: center;padding: 1.5% 2%;background: #07767e;}
#list .system-list li .system-date::before{position: absolute;content: "";width: 4vw;height: 0.3vw;left: 50%;bottom: 5vw;margin-left: -2vw;background: #1a1a1a;}
#list .btn a{width: 91%;height: 15vw;font-size: 3.6vw;font-weight: 500;letter-spacing: 1.2px;display: block;padding: 4vw 0 0 2vw;border: 1px solid #1a1a1a;position: relative;margin: 0 auto;}
#list .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 4vw;right: 2vw;}

  /* c-8 location */
  #c-8 { background-color: #efefef; padding: 10.628vw 0 14.493vw; }
  #c-8 .inner { width: 91.787vw; margin: 0 auto; }
  #c-8 .inner .c8-ttl { font-family: "roboto-slab", serif; font-weight: bold; font-size: 8.937vw; letter-spacing: 0.08em; text-align: center; margin-bottom: 6.28vw; }
  #c-8 .inner .c8-wrap { display: flex; flex-direction: column; gap: 7.246vw; }
  #c-8 .inner .c8-wrap .c8-map { width: 100%; height: 60vw; }
  #c-8 .inner .c8-wrap .c8-map iframe { width: 100%; height: 100%; display: block; }
  #c-8 .inner .c8-wrap .c8-info .c8-info-list dt { font-size: 3.6vw; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 1vw; margin-top: 4.831vw; }
  #c-8 .inner .c8-wrap .c8-info .c8-info-list dt:first-child { margin-top: 0; }
  #c-8 .inner .c8-wrap .c8-info .c8-info-list dd { font-size: 3.865vw; letter-spacing: 0.05em; line-height: 1.7; color: #2f2f2f; }

}