@charset "UTF-8";

#case .new { background: #FF9284!important; color: #fff!important;}
#case .reform { background: #30980E!important; color: #fff!important;}

@media screen and (min-width: 768px),print {  
header{position: absolute;top: 0;left: 0;background: none;}
header h1{}
header .textt{ left: auto; right: 31px; top: 98px; }

#contentsmain {margin: 0 auto -41px;position: relative;background: url('../images/index/contentsmain-back01.png')no-repeat bottom center;height: 953px;max-width: 1920px;z-index: 3;}
#contentsmain .inner-Box {margin: 0 auto 53px;/* position: relative; */}
#contentsmain .inner-Box h2 {position: absolute;top: 124px;left: 100px;z-index: 3;width: 624px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img { width: 100%;height: auto; }

#contentsmain .mainimg {position:relative;width:1840px;height:822px;overflow:hidden;mask:url("../images/index/mask.svg") no-repeat center/contain;-webkit-mask:url("../images/index/mask.svg") no-repeat center/contain;margin-left:auto;top:90px;}

#contentsmain .mainimg::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;
background:url("../images/index/contentsmain-photo01.png") repeat-x top center;background-size:auto 100%;
animation:photo-slide 120s linear infinite;}

@keyframes photo-slide{
0%{background-position:0 0;}
100%{background-position:-6300px 0;}
}

#contentsmain .inner-Box figure.img01 {bottom: 68px;left: 18px;position: absolute;width: 524px;}
#contentsmain .inner-Box figure.img01 img{width: 100%;height: auto;}

#g-nav{margin: 0px auto 10px auto;padding: 36px 0 0;text-align: center;font-size: 16px;width: 1100px;height: 100px;box-shadow: 0px 6px 0px #0000001A;border: 1px solid #D4DAD2;border-radius: 50px;background: #fff;z-index: 3;position: relative;}
#g-nav li.list { position: relative; display: inline-block; margin-right: 2px;}
#g-nav li.list span {padding-right: 48px!important;cursor: pointer;}
#g-nav li.list span::after{content: "";width: 23px;height: 23px;display: inline-block;background: url(../images/index/contentsmain-icon01.svg)no-repeat top center;position: absolute;top: -3px;right: 20px;}
#g-nav li.list span,
#g-nav li.list a{border-right: 1px solid #999;display: block;text-align: center;padding: 0px 26px;line-height: 1;font-weight: bold;font-size: 16px;}
#g-nav li.list:last-child a { border-right: none;}
#g-nav .dropmenu li.list ul.sub {visibility: hidden;opacity: 0;transition: 0s;position: absolute;top: 24px;left: 0;margin: 0;padding: 0;z-index: 500;width: 250px;}
#g-nav .dropmenu li.list:hover ul { visibility: visible; opacity: 1; display: block; }
#g-nav .dropmenu li.list ul li:last-child a { border-bottom: 1px solid #ccc; }
#g-nav .dropmenu li.list ul li a {visibility: hidden;opacity: 0;transition: 0.9s;background: #fff;display: block;width: 260px;padding: 10px;color: #000;border: 1px solid #ccc;border-bottom: none;}
#g-nav .dropmenu li.list:hover ul li a { visibility: visible; opacity: 1; }

#contents01 {margin: 0 auto;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center;padding: 387px 30px 20px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1610px;}
#contents01 .inner-Box h2 {text-align: center;padding-right: 23px;margin-bottom: 26px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box p.subttl {margin-bottom: 59px;position: relative;font-size: 18px;line-height: 1.67;letter-spacing: 0.9px;font-weight: 500;text-align: center;}
#contents01 .inner-Box figure.img {position: absolute;top: 67px;left: 52px;}
#contents01 .inner-Box figure.img img{  }
#contents01 .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;max-width: 1610px;margin: 0 auto;}
#contents01 .inner-Box ul li {position: relative;margin-right: 2.4%;width: 31.7%;height: 666px;border: 1px solid #D4DAD2;border-radius: 20px;box-shadow: 5px 5px #E6EFE0;background: #fff;overflow: hidden;margin-bottom: 40px;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
	#contents01 .inner-Box ul li:nth-child(4){width: 100%;height: 570px; margin-right: 0px; }	
	#contents01 .inner-Box ul li:nth-child(4) figure.photo{height: 230px;}
	#contents01 .inner-Box ul li:nth-child(4) p.ltext{max-width: 600px;min-height: 50px; text-align: center;}
	
#contents01 .inner-Box h3 {  }
#contents01 .inner-Box h3 span{  }
#contents01 .inner-Box h3 img {width: 100%;height: auto;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;height: 310px;width: 100%;margin-bottom: 34px;}
#contents01 .inner-Box figure.photo img{left: 50%;position: relative;transform: translateX(-50%);}
#contents01 .inner-Box p.ltext {margin: 0 auto 30px;position: relative;font-size: 14px;line-height: 1.79;letter-spacing: 0.7px;font-weight: 400;text-align: left;padding: 0 20px;max-width: 450px;min-height: 75px;}
#contents01 .inner-Box p.morel {margin: 0 auto 30px;position: relative;display: block;width: 160px;font-size: 16px;line-height: 1.94;letter-spacing: 0.8px;font-weight: 400;border-bottom: #D4DAD2 1px solid;}
#contents01 .inner-Box p.morel a {display: block;padding: 0 0 9px 23px;}
#contents01 .inner-Box p.morel a:hover {  }
#contents01 .inner-Box p.morel a .arr{position: absolute;top: -3px;right: 21px;}
#contents01 .inner-Box p.morel a .arr img{width: 27px;}

#contents02 {margin: 0 auto;position: relative;padding: 116px 0 0;max-width: 1920px;}
#contents02 h2 {margin: 0 0 -116px 57px;z-index: 3;position: relative;width: 1064px;}
#contents02 h2 span{  }
#contents02 h2 img {width: 100%;}
	
	#contents02 h3{width: 100%;;max-width: 1610px;margin: 0 auto;}
	#contents02 h3 img{width: 100%;height: auto;}
	
#contents02 .inBox {position: absolute;width: 544px;height: 229px;box-shadow: 10px 10px 30px #0000004D;border: 1px solid #D4DAD2;background: #fff;top: 237px;right: 36px;padding: 43px 0 0 60px;z-index: 3;}
#contents02 .inBox h3 {margin-bottom: 12px;position: relative;font-size: 25px;line-height: 1.56;letter-spacing: 3.5px;font-weight: 700;text-align: left;color: #30980E;}
#contents02 .inBox p.subtext {margin-bottom: 30px;position: relative;font-size: 14px;line-height: 1.71;letter-spacing: 0.7px;font-weight: 400;text-align: left;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box ul.photoList {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;height: 650px;}
#contents02 .inner-Box ul.photoList li {position: relative;width: 49.9%;margin-right: 0.2%;overflow: hidden;}
#contents02 .inner-Box ul.photoList li:nth-child(2n) { margin-right: 0px; }
#contents02 .inner-Box figure.photo {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box ul.btnList {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;border-bottom: #D4DAD2 1px solid;}
#contents02 .inner-Box ul.btnList li:nth-child(2) { border: none; }
#contents02 .inner-Box ul.btnList li {width: 50%;text-align: center;padding: 25px 0 22px;border-right: #D4DAD2 1px solid;position: relative;}
#contents02 .inner-Box ul.btnList li a:hover {  }
#contents02 .inner-Box h4 {margin-bottom: 14px;}
#contents02 .inner-Box h4 span{  }
#contents02 .inner-Box h4 img {  }
#contents02 .inner-Box p.ltext {margin-bottom: 30px;position: relative;font-size: 14px;line-height: 1.79;letter-spacing: 0.7px;font-weight: 300;text-align: center;}
#contents02 .inner-Box span.iarr {display: block;line-height: 1;position: absolute;bottom: 16px;right: 18px;}
#contents02 .inner-Box span.iarr img {  }


#contents03 {margin: 0 auto 118px;position: relative;}
#contents03 .ttl-Box {margin: 0 auto;position: relative;width: 1100px;text-align: center;padding: 53px 0 0;}
#contents03 .ttl-Box h2 {padding-left: 40px;margin-bottom: 27px;}
#contents03 .ttl-Box h2 span{  }
#contents03 .ttl-Box h2 img {  }
#contents03 .ttl-Box p.subttl {margin-bottom: 51px;position: relative;font-size: 16px;line-height: 1.625;letter-spacing: 0.8px;font-weight: 400;text-align: center;}
#contents03 .ttl-Box figure.img {position: absolute;bottom: -51px;right: 0;}
#contents03 .ttl-Box figure.img img{  }
#contents03 .inner-Box {margin: 0 auto 93px;position: relative;width: 1200px;}
#contents03 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 20px;}
#contents03 .inner-Box ul li {position: relative;width: 380px;height: 460px;box-shadow: 6px 6px 0px #0000001A;background: #FBFCF6;margin-right: 30px;margin-bottom: 30px;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box ul li:nth-child(4) {margin-left: 205px;}
#contents03 .inner-Box ul li a {  }
#contents03 .inner-Box ul li a:hover {  }
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box h3 {margin-bottom: 22px;position: relative;font-size: 19px;line-height: 1.58;letter-spacing: 0.95px;font-weight: 900;text-align: center;color: #115D00;border-bottom: #D4DAD2 1px solid;padding: 15px 0 15px;}
#contents03 .inner-Box p.ltext {margin: 0 30px 30px;position: relative;font-size: 14px;line-height: 1.79;letter-spacing: 0.7px;font-weight: 400;text-align: left;}
#contents03 .inner-Box span.arr {display: block;line-height: 1;position: absolute;bottom: 12px;right: 12px;}
#contents03 .inner-Box span.arr img {  }
#contents03 .inner-Box p.btn {text-align: center;}
#contents03 .inner-Box p.btn img {  }
#contents03 .inner-Box2 {margin: 0 auto;position: relative;text-align: center;}
#contents03 .inner-Box2 p.btn {margin-bottom: 4px;}
#contents03 .inner-Box2 p.btn img {  }
#contents03 .inner-Box2 p.text2 {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.75;letter-spacing: 0.8px;font-weight: 400;text-align: center;}

#contents04 { margin: 0 auto; position: relative; background: url('../images/index/contents04-back01.png')no-repeat top center; }
#contents04 .inner-Box {margin: 0 auto 202px;position: relative;text-align: center;padding: 83px 0 0;}
#contents04 .inner-Box h2.ttl01 {padding: 0 30px 0 0px;margin-bottom: -4px;}
#contents04 .inner-Box h2.ttl01 span{  }
#contents04 .inner-Box h2.ttl01 img {  }
#contents04 .inner-Box p.text {margin-bottom: 44px;position: relative;font-size: 18px;line-height: 1.67;letter-spacing: 0.9px;font-weight: 500;text-align: center;}
#contents04 .inner-Box figure.img01 {position: relative;top: 0;left: 0;margin-bottom: -38px;}
#contents04 .inner-Box figure.img01 img{  }
#contents04 .inner-Box p.btn {position: relative;z-index: 3;margin-bottom: 2px;}
#contents04 .inner-Box p.btn img {  }
#contents04 .inner-Box figure.img02 {position: relative;top: 0;left: 0;}
#contents04 .inner-Box figure.img02 img{  }
#contents04 .inner-Box2 {margin: 0 auto;position: relative;text-align: center;padding-bottom: 85px;}
#contents04 .inner-Box2 p.btn {  }
#contents04 .inner-Box2 p.btn img {  }

#contents05 {margin: 0 auto;position: relative;background: url('../images/index/contents05-back02.png')no-repeat bottom center,url('../images/index/contents05-back01.png')repeat top center;padding-top: 160px;padding-bottom: 255px;}
#contents05 .inner-Box {margin: 0 auto 236px;position: relative;max-width: 1400px;height: 920px;border: 2px solid #E6EDE4;border-radius: 20px;background: #fff;}
#contents05 .inBox {margin: 0 auto;position: relative;max-width: 1400px;}
#contents05 .inBox h2 {text-align: center;padding-left: 120px;margin-bottom: 23px;position: relative;top: -66px;margin-bottom: -43px;}
#contents05 .inBox h2 span{  }
#contents05 .inBox h2 img {  }
#contents05 .inBox p.subttl {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.75;letter-spacing: 0.8px;font-weight: 400;text-align: center;}
#contents05 .inBox p.btn {text-align: center;}
#contents05 .inBox p.btn img {  }
#contents05 .inner-Box2 {margin: 0 auto;position: relative;padding: 0 30px;}

#case .system-list {margin-bottom: 40px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#case .system-list li {line-height: 1.4;width: 32.8%;margin-right: 0.8%;position: relative;margin-bottom: 32px;}
#case .system-list li:nth-child(3n) { margin-right: 0 }
#case .system-list li a:hover { text-decoration: none; }
#case .system-list li::before { content: ""; }
#case .system-list li .text-cate { color: #ccc; font-size: 12px; margin-bottom: 10px; }
#case .system-list li .text-cate span { display: inline-block; border: #ccc solid 1px; margin: 0 4px 4px 0; padding: 3px; }
#case .text1 { font-size: 14px; width: 100%; border: 1px solid #DEDEDE; background: #F8F7F5; height: 40px; text-align: center; padding: 9px; margin-bottom: 10px; font-weight: 400; }
#case .text2 {margin-bottom: 0px;font-size: 16px;line-height: 1.625;letter-spacing: 0px;font-weight: 300;text-align: left;}
#case .system-pic { width: 100%; aspect-ratio: 460 / 311; overflow: hidden; text-align: center; margin-bottom: 15px; position: relative; }
#case .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#case .system-date { font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#case .system-date::before { content: "■"; }
#case .system-coment { font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#case .system-ttl-01 {margin-bottom: 10px;font-size: 16px;line-height: 1.625;letter-spacing: 0px;font-weight: 400;text-align: left;}
#contents05 #case .inBox h2{ padding-left: 0;}
#contents05 #case .inBox p.subttl {margin-bottom: 51px;position: relative;font-size: 18px;line-height: 1.67;letter-spacing: 0.9px;font-weight: 500;text-align: center;}
#case .catelist{font-size: 14px;line-height: 1;letter-spacing: 0px;font-weight: 500;text-align: left;margin-bottom: 10px;}
#case .catelist span{display: inline-block;padding: 5px;}

#event .system-list {margin: 0 auto 61px;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: 980px;}
#event .system-list li {position: relative;line-height: 1.4;width: 43.9%;margin-right: 12.1%;position: relative;margin-bottom: 20px;padding-top: 40px;}
#event .system-list li:nth-child(2n) { margin-right: 0 }
#event .system-list li a{display: block;padding-bottom: 40px;}
#event .system-list li a:hover { text-decoration: none; }
#event .system-list li .enicon{position: absolute;top: -22px;z-index: 3;left: 10px;}
#event .system-list .system-pic {width: 100%;aspect-ratio: 430 / 290;overflow: hidden;text-align: center;margin-bottom: 8px;position: relative;}
#event .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#event .system-list li .system-date {font-size: 13px;line-height: 1.4;position: relative;color: #6A6767;margin: 0 0 27px 54px;border-bottom: 1px solid #D4DAD2;padding: 0 0 5px 5px;}
#event .system-list li .system-date .date-ttl {position: absolute;top: 0;left: -52px;width: 54px;color: #1B1B1B;font-weight: 500;border-bottom: #30980E 1px solid;padding-bottom: 5px;padding-left: 12px;}
#event .system-list li .system-date .start_text {color: #1B1B1B;padding-left: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#event .system-list li .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px; }
#event .system-list li .system-txt { font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-list li .system-coment { font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-list li .system-ttl-01 {margin: 0 19px 22px;font-size: 16px;line-height: 1.625;letter-spacing: 0.8px;font-weight: 500;text-align: left;min-height: 52px;}
#event .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#event .system-list li .moree{width: 370px;height: 60px;border: 1px solid #E6EDE4;border-radius: 60px;background: #FBFCF6;font-size: 14px;line-height: 1.79;letter-spacing: 0.7px;font-weight: 400;text-align: center;position: absolute;bottom: 0;left: 30px;padding-top: 18px;}

#event .system-list li .text-box { padding: 0px 0px 20px; }
#event .system-list li .more { font-size: 16px; text-align: center; border: 1px solid #959595; border-radius: 20px; width: 110px; height: 40px; margin: 30px auto 0 auto; padding: 6px 0 0; }
#event .serchcategory { margin-bottom: 100px; }
#event .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#event .system-icon02 span { display: block; padding: 8px; background: #ccc; font-size: 14px; margin-bottom: 15px; margin-top: -15px; }

#contents06 {margin: 0 auto -5px;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top center;background-size: 100% 100%;}
#contents06 .ttl-Box {margin: 0 auto;position: relative;text-align: center;padding: 82px 0 0 0;}
#contents06 .ttl-Box h2 {margin-bottom: -29px;}
#contents06 .ttl-Box h2 span{  }
#contents06 .ttl-Box h2 img {  }
#contents06 .ttl-Box h3 {margin-bottom: 11px;position: relative;font-size: 29px;line-height: 2.07;letter-spacing: 1.45px;font-weight: 700;text-align: center;}
#contents06 .ttl-Box p.text {margin-bottom: 26px;position: relative;font-size: 16px;line-height: 1.75;letter-spacing: 0.8px;font-weight: 400;text-align: center;}
#contents06 .inner-Box {margin: 0 auto 180px;position: relative;width: 1160px;}
#contents06 .staff-Box {position: relative;width: 570px;float: left;}
#contents06 .staff-Box h3 {  }
#contents06 .staff-Box h3 span{  }
#contents06 .staff-Box h3 img {  }
#contents06 .staff-Box p.subttl {margin-bottom: 30px;position: relative;font-size: 12px;line-height: 1.58;letter-spacing: 0.6px;font-weight: 400;text-align: left;}
#contents06 .staff-Box p.btn {text-align: center;}
#contents06 .staff-Box p.btn img {  }
#contents06 .blog-Box {position: relative;width: 530px;float: left;width: 530px;height: 567px;background: #fff;top: 47px;right: -60px;padding: 24px 50px 0;}
#contents06 .blog-Box h3 {  }
#contents06 .blog-Box h3 span{  }
#contents06 .blog-Box h3 img {  }
#contents06 .blog-Box figure.img {position: absolute;bottom: -45px;left: 213px;}
#contents06 .blog-Box figure.img img{  }

#contents06 .blog-Box p.subttl {margin-bottom: 38px;position: relative;font-size: 12px;line-height: 1.58;letter-spacing: 0.6px;font-weight: 400;text-align: left;}
#contents06 .blog-Box p.btn {text-align: center;}


#contents06 .blog-Box p.btn img {  }
#contents06 .inner-Box2 {margin: 0 auto;position: relative;max-width: 1540px;min-height: 681px;padding: 51px 0 0 780px;}
#contents06 .inner-Box2 h4 {margin-bottom: 14px;}
#contents06 .inner-Box2 h4 span{  }
#contents06 .inner-Box2 h4 img {  }
#contents06 .inner-Box2 iframe{width: 700px;border: 9px solid #FFFFFF!important;position: absolute;top: 10px;left: 0;height: 560px;}
#contents06 .inner-Box2 table{width: 100%;margin-bottom: 69px;}
#contents06 .inner-Box2 table th {border-bottom: #91C800 1px solid;font-size: 14px;line-height: 2;letter-spacing: 0.7px;font-weight: 400;text-align: center;width: 95px;padding: 8px 0 8px;}
#contents06 .inner-Box2 table td {border-bottom: #D4DAD2 1px solid;font-size: 16px;line-height: 1.75;letter-spacing: 0.8px;font-weight: 300;text-align: left;padding: 8px 0 8px 17px;}
#contents06 .inner-Box2 p.btn {text-align: center;}
#contents06 .inner-Box2 p.btn img {  }

#staff .system-list {margin: 0 auto 46px;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: 484px;}
#staff .system-list li {line-height: 1.4;width: 42.5%;margin-right: 15%;position: relative;margin-bottom: 15px;text-align: center;}
#staff .system-list li:nth-child(2n) { margin-right: 0 }
#staff .system-list li a:hover { text-decoration: none; }
#staff .system-pic {width: 100%;aspect-ratio: 56 / 43;overflow: hidden;text-align: center;margin-bottom: 0px;position: relative;border: 5px solid #FFFFFF;border-radius: 10px;}
#staff .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#staff .system-list li .system-job {display: block;position: relative;color: #30980E;font-size: 12px;line-height: 1.75;letter-spacing: 1.2px;font-weight: 400;margin-bottom: -3px;text-align: center;}
#staff .system-list li .system-fu { font-size: 14px; margin-bottom: 5px; line-height: 1.4; text-align: center; letter-spacing: 0.7px; background: #fff; writing-mode: vertical-rl; position: absolute; top: -20px; right: 20px; padding: 10px; }
#staff .system-list li .system-ttl {font-size: 16px;line-height: 1.4;text-align: center;font-weight: 400;}

#blog .system-list {margin-bottom: 104px;}
#blog .system-list li {overflow: hidden;line-height: 1.4;margin-bottom: 24px;border-bottom: 1px solid #b2b2b2;padding: 0 0 23px;}
#blog .system-list li a:hover { text-decoration: none; }
#blog .system-list .system-pic {width: 20%;float: left;width: 120px;height: 80px;}
#blog .system-list .system-pic img {width: 120px;height: 80px;}
#blog .system-list .textbx {width: 68%;float: left;margin-left: 3.3%;padding-top: 5px;}
#blog .system-day {margin-bottom: 2px;font-size: 13px;line-height: 1.4;color: #30980E;}
#blog .system-list .system-date::before { content: "■"; }
#blog .system-list .system-ttl-01 { font-size: 0.938em; line-height: 1.6; margin-bottom: 10px; }
#blog .system-list .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#blog .system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right; }

#qacontents {margin: 0 auto;position: relative;background: url('../images/index/contents07-back01.png')no-repeat top center,url('../images/index/contents07-back02.png')no-repeat bottom center,url('../images/index/contents07-back03.png')repeat top center;padding-top: 172px;padding-bottom: 129px;}
#qacontents .inner-Box {margin: 0 auto;position: relative;width: 906px;}
#qacontents .inner-Box h2 {  }
#qacontents .inner-Box h2 span{  }
#qacontents .inner-Box h2 img {  }
#qacontents .inner-Box p.subttl {margin-bottom: 57px;position: relative;font-size: 14px;line-height: 1.79;letter-spacing: 0.7px;font-weight: 400;text-align: center;}
#qacontents .inner-Box figure.photo {position: absolute;top: 68px;right: -34px;}
#qacontents .inner-Box figure.photo img{  }
#qacontents .inner-Box p.btn {text-align: center;margin-top: 40px;}
#qacontents .inner-Box p.btn img {  }

#qacontents {}
#qacontents .inner-Box {}
#qacontents .inner-Box h2 {margin-bottom: 10px;text-align: center;}
#qacontents .inner-Box h2 span { font-size: 16px; position: relative; top: -5px; color: #ccc; font-weight: 500; display: inline-block; margin-right: 10px; }
#faq .accordion { margin: 3em auto; max-width: 60vw; }
#faq .toggle { display: none; }
#faq .option {position: relative;box-shadow: 0px 4px 0px #0000001A;margin-bottom: 20px;border: 1px solid #E6EDE4;border-radius: 4px;}
#faq .title, .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; /* transform: translateZ(0); */ transition: all 0.3s; }
#faq .title {padding: 24px 80px 25px 101px;display: block;color: #333;font-weight: 500;font-size: 18px;}
#faq .title span {position: absolute;top: 18px;left: 31px;width: 43px;height: 43px;display: block;background: #30980E;color: #fff;text-align: center;font-size: 18px;line-height: 2.2;letter-spacing: 0.9px;font-weight: 700;border-radius: 50%;}
#faq .title::after {content: "";position: absolute;right: 31px;: 16px;width: 3px;top: 33px;height: 13px;background: #191919;transform: rotate(90deg)}
#faq .title::before {content: "";position: absolute;right: 26px;top: 38px;width: 13px;height: 3px;background: #191919;transition: all 0.3s;transform: rotate(90deg)}
#faq .content { max-height: 0; overflow: hidden; position: relative; }
#faq .content p {margin: 0;line-height: 1.5;padding-bottom: 30px;padding-left: 33px;font-size: 18px;padding-top: 29px;}
#faq .toggle:checked + .title + .content { max-height: 500px; /* font-size: 18px; */ position: relative; }
#faq .toggle:checked + .title::before { transform: rotate(0deg) !important;background: #fff; z-index: 4; }
#faq .toggle:checked + .title{background: #30980E;color: #fff;border-radius: 5px 5px 0 0;}
#faq .toggle:checked + .title span{ background: #fff; color: #30980E;}

#seobox{background: url(../images/index/seo-back.png);padding: 26px 0 135px;}
#seobox .inner-Box{width: 1000px;margin: 0 auto;}
#seobox .inner-Box h2{text-align: center;margin-bottom: 10px;}
#seobox .inner-Box p{font-size: 14px;line-height: 2.0;letter-spacing: 0.7px;font-weight: 400;text-align: left;}

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

#contentsmain {margin:0 auto;position:relative;background:url('../images/index/contentsmain-back01.png') no-repeat top center;height:49.64vw;}
#contentsmain .inner-Box {margin:0 auto 2.76vw;}
#contentsmain .inner-Box h2 {position:absolute;top:6.46vw;left:5.21vw;z-index:3;width:32.5vw;}
#contentsmain .inner-Box h2 span{}
#contentsmain .inner-Box h2 img{width:100%;height:auto;}

#contentsmain .mainimg {position:relative;width:95.83vw;height:42.81vw;overflow:hidden;mask:url("../images/index/mask.svg") no-repeat center/contain;-webkit-mask:url("../images/index/mask.svg") no-repeat center/contain;margin-left:auto;top:4.69vw;}

#contentsmain .mainimg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;
background:url("../images/index/contentsmain-photo01.png") repeat-x top center;background-size:auto 100%;
animation:photo-slide 120s linear infinite;}

@keyframes photo-slide{
0%{background-position:0 0;}
100%{background-position:-328.13vw 0;}
}

#contentsmain .inner-Box figure.img01 {bottom:3.54vw;left:0.94vw;position:absolute;width:27.29vw;}
#contentsmain .inner-Box figure.img01 img{width:100%;height:auto;}

#contents02 h2 {margin:0 0 -6.04vw 2.97vw;z-index:3;position:relative;width:55.42vw;}
}

@media screen and (min-width:768px) and ( max-width:1450px) {
	
	.content-area{
	}
	
}


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


.sp-header{background: none;margin-bottom: -7vw;}

#contentsmain {margin: 0 auto 0vw;position: relative;background: url('../images/index/sp-contentsmain-back01.png')no-repeat top center;height: 190.2vw;background-size: 100% auto;}
#contentsmain .inner-Box {
    padding-top: 30vw;
}
#contentsmain .inner-Box h2 {position: absolute;top: 13.95vw;left: 4.15vw;z-index: 3;margin-right: 4.5vw;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img { width: 100%;height: auto; }

#contentsmain .mainimg {position:relative;width: 100%;height: 109.42vw;overflow:hidden;mask:url("../images/index/sp-mask.svg") no-repeat center/contain;-webkit-mask: url("../images/index/sp-mask.svg") no-repeat center/contain;margin-left:auto;top: 13.74vw;background-size: 100% auto;margin-bottom: -1.6vw;}

#contentsmain .mainimg::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;
background:url("../images/index/sp-contentsmain-photo01.png") repeat-x top center;background-size:auto 100%;
animation:photo-slide 120s linear infinite;}

@keyframes photo-slide{
0%{background-position:0 0;}
100%{background-position:-600.00vw 0;}
}

#contentsmain .inner-Box figure.img01 {position: relative;margin: 0 -6vw 0 -3vw;}
#contentsmain .inner-Box figure.img01 img{width: 100%;height: auto;}

#g-nav{display: none;}

#contents01 {position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat top center;padding: 59.28vw 4.05vw 10.06vw;background-size: 100% auto;}
#contents01 .inner-Box {position: relative;}
#contents01 .inner-Box h2 {text-align: center;margin: 0 3.6vw 2.28vw 1.4vw;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box p.subttl {margin-bottom: 8.55vw;position: relative;font-size: 3.765vw;line-height: 1.75;letter-spacing: 0.193vw;font-weight: 500;text-align: center;}
#contents01 .inner-Box figure.img {position: relative;margin: 0 18vw;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box ul{}
#contents01 .inner-Box ul li {position: relative;margin-bottom: 9.2vw;border: 0.24vw solid #D4DAD2;border-radius: 2.63vw;box-shadow: 1.21vw 1.21vw #E6EFE0;background: #fff;overflow: hidden;padding-bottom: 9vw;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 .inner-Box h3 {  }
#contents01 .inner-Box h3 span{  }
#contents01 .inner-Box h3 img {width: 100%;height: auto;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;height: 55.58vw;width: 100%;margin-bottom: 6.81vw;}
#contents01 .inner-Box figure.photo img{left: 50%;position: relative;transform: translateX(-50%);}
#contents01 .inner-Box p.ltext {margin: 0 auto 7.25vw;position: relative;padding: 0 6.53vw;font-size: 3.382vw;line-height: 1.786;letter-spacing: 0.169vw;font-weight: 400;text-align: left;}
#contents01 .inner-Box p.morel {margin: 0 27.6vw 7.25vw;position: relative;display: block;border-bottom: #D4DAD2 0.24vw solid;font-size: 3.382vw;line-height: 2.071;letter-spacing: 0.169vw;font-weight: 400;text-align: center;}
#contents01 .inner-Box p.morel a {display: block;padding: 1.5vw 0 1.87vw 5.56vw;text-align: left;}
#contents01 .inner-Box p.morel a:hover {  }
#contents01 .inner-Box p.morel a .arr{position: absolute;top: 0.9vw;right: 5.47vw;width: 6vw;}
#contents01 .inner-Box p.morel a .arr img{}

#contents02 {position: relative;padding: 10.52vw 0 0;}
#contents02 h2 {z-index: 3;position: relative;margin: 0 5.8vw -6vw 4.2vw;}
#contents02 h2 span{  }
#contents02 h2 img {width: 100%;}
	
	#contents02 h3{width: 100%;padding: 0 2.5%;}
	
#contents02 .inBox {box-shadow: 2.42vw 2.42vw 7.25vw #0000004D;border: 0.24vw solid #D4DAD2;background: #fff;position: absolute;top: 80.7vw;z-index: 3;left: 4.1vw;width: 91.8vw;height: 54.6vw;padding: 7.9vw 13vw 0 11vw;}
#contents02 .inBox h3 {margin-bottom: 1.3vw;position: relative;color: #30980E;font-size: 5.314vw;line-height: 1.591;letter-spacing: 0.744vw;font-weight: 700;text-align: left;}
#contents02 .inBox p.subtext {margin-bottom: 10.75vw;position: relative;font-size: 3.382vw;line-height: 1.714;letter-spacing: 0.169vw;font-weight: 400;text-align: left;}
#contents02 .inner-Box {position: relative;}
#contents02 .inner-Box ul.photoList {}
#contents02 .inner-Box ul.photoList li {position: relative;}
	#contents02 .inner-Box ul.photoList li:nth-child(1){padding: 0 2.5%;}
#contents02 .inner-Box ul.photoList li:nth-child(2n) {margin: 0.0vw 2.4vw 0vw;}
#contents02 .inner-Box figure.photo {position: relative;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box ul.btnList {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;border: #D4DAD2 0.24vw solid;margin: 0.0vw 2.5vw 0vw;}
#contents02 .inner-Box ul.btnList li:nth-child(2) { border: none; }
#contents02 .inner-Box ul.btnList li {width: 100%;text-align: center;padding: 7.64vw 0 6.61vw;border: #D4DAD2 0.24vw solid;position: relative;}
#contents02 .inner-Box ul.btnList li a:hover {  }
#contents02 .inner-Box h4 {margin: 0 12.3vw 4.78vw;}
#contents02 .inner-Box ul.btnList li:nth-child(2) h4 {margin: -1px 29.1vw 2.28vw;top: -2.4vw;position: relative;}
#contents02 .inner-Box h4 span{  }
#contents02 .inner-Box h4 img {  }
#contents02 .inner-Box p.ltext {margin-bottom: 7.25vw;position: relative;font-size: 2.899vw;line-height: 1.75;letter-spacing: 0px;font-weight: 300;text-align: center;}
#contents02 .inner-Box span.iarr {display: block;line-height: 1;position: absolute;bottom: 1.66vw;right: 1.65vw;width: 8.3vw;}
#contents02 .inner-Box span.iarr img {  }


#contents03 {margin: 0 auto 18.5vw;position: relative;}
#contents03 .ttl-Box {position: relative;text-align: center;padding: 1.4vw 0 0;}
#contents03 .ttl-Box h2 {margin: 0 4vw 6.52vw;}
#contents03 .ttl-Box h2 span{  }
#contents03 .ttl-Box h2 img {  }
#contents03 .ttl-Box p.subttl {margin: 0 10.5vw 9.22vw;position: relative;font-size: 3.382vw;line-height: 1.857;letter-spacing: 0.169vw;font-weight: 400;text-align: left;}
#contents03 .ttl-Box figure.img {position: relative;bottom: 0vw;right: 0;margin: 0 20.1vw 0 26vw;}
#contents03 .ttl-Box figure.img img{  }
#contents03 .inner-Box {margin: 0 4.1vw 17.66vw;position: relative;}
#contents03 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 4.23vw;}
#contents03 .inner-Box ul li {position: relative;box-shadow: 1.45vw 1.45vw 0.0vw #0000001A;background: #FBFCF6;margin-bottom: 9.85vw;padding-bottom: 7.5vw;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents03 .inner-Box ul li:nth-child(4) {}
#contents03 .inner-Box ul li a {  }
#contents03 .inner-Box ul li a:hover {  }
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box h3 {margin-bottom: 5.31vw;position: relative;font-size: 4.59vw;line-height: 1.58;letter-spacing: 0.23vw;font-weight: 900;text-align: center;color: #115D00;border-bottom: #D4DAD2 0.24vw solid;padding: 3.62vw 0 3.62vw;}
#contents03 .inner-Box p.ltext {margin: 0 7.25vw 7.25vw;position: relative;font-size: 3.38vw;line-height: 1.79;letter-spacing: 0.17vw;font-weight: 400;text-align: left;}
#contents03 .inner-Box span.arr {display: block;line-height: 1;position: absolute;bottom: 2.9vw;right: 2.9vw;width: 6.4vw;}
#contents03 .inner-Box span.arr img {  }
#contents03 .inner-Box p.btn {text-align: center;margin: 0 4vw;}
#contents03 .inner-Box p.btn img {  }
#contents03 .inner-Box2 {margin: 0 4vw;position: relative;text-align: center;}
#contents03 .inner-Box2 p.btn {margin-bottom: 4.37vw;}
#contents03 .inner-Box2 p.btn img {  }
#contents03 .inner-Box2 p.text2 {margin: 0 6.7vw 7.25vw;position: relative;font-size: 3.382vw;line-height: 1.9;letter-spacing: 0.169vw;font-weight: 400;text-align: left;}

#contents04 {position: relative;background: url('../images/index/sp-contents04-back01.png')no-repeat top center;background-size: 100% auto;}
#contents04 .inner-Box {margin: 0 auto 23.29vw;position: relative;text-align: center;padding: 12.75vw 0 0;}
#contents04 .inner-Box h2.ttl01 {padding: 0 3.9vw 0 2.9vw;margin-bottom: -1.5vw;}
#contents04 .inner-Box h2.ttl01 span{  }
#contents04 .inner-Box h2.ttl01 img {  }
#contents04 .inner-Box p.text {margin-bottom: 6.43vw;position: relative;font-size: 3.623vw;line-height: 1.667;letter-spacing: 0.181vw;font-weight: 500;text-align: center;}
#contents04 .inner-Box figure.img01 {position: relative;top: 0;left: 0;margin: 0 12.5vw 5.4vw;}
#contents04 .inner-Box figure.img01 img{  }
#contents04 .inner-Box p.btn {position: relative;z-index: 3;margin: 0 1.6vw 0.48vw;}
#contents04 .inner-Box p.btn img {  }
#contents04 .inner-Box figure.img02 {position: relative;top: 0;left: 0;margin: 0 7vw;}
#contents04 .inner-Box figure.img02 img{  }
#contents04 .inner-Box2 {margin: 0 4vw;position: relative;text-align: center;padding-bottom: 10.53vw;}
#contents04 .inner-Box2 p.btn {  }
#contents04 .inner-Box2 p.btn img {  }

#contents05 {position: relative;background: url('../images/index/sp-contents05-back02.png')no-repeat bottom center,url('../images/index/sp-contents05-back01.png')repeat top center;padding-top: 32.65vw;padding-bottom: 31.59vw;background-size: 100% auto;}
#contents05 .inner-Box {margin: 0 4vw 21.4vw;position: relative;border: 0.48vw solid #E6EDE4;border-radius: 4.83vw;background: #fff;}
#contents05 .inBox {margin: 0 4.3vw;position: relative;}
#contents05 .inBox h2 {text-align: center;position: relative;top: -31.3vw;margin: 0vw -4.3vw -25.9vw -5.9vw;}
#contents05 .inBox h2 span{  }
#contents05 .inBox h2 img {  }
#contents05 .inBox p.subttl {margin: 0 2.1vw 5.45vw;position: relative;font-size: 3.382vw;line-height: 1.857;letter-spacing: 0.169vw;font-weight: 400;text-align: left;}
#contents05 .inBox p.btn {text-align: center;position: relative;top: 6vw;margin: 0 1.8vw;}
#contents05 .inBox p.btn img {  }
#contents05 .inner-Box2 {position: relative;}

#case .system-list {margin-bottom: -6.84vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#case .system-list li {line-height: 1.4;width: 48.8%;margin-right: 2.4%;position: relative;margin-bottom: 7.73vw;}
#case .system-list li:nth-child(2n) { margin-right: 0 }
#case .system-list li a:hover { text-decoration: none; }
#case .system-list li::before { content: ""; }
#case .system-list li .text-cate { color: #ccc; font-size: 2.9vw; margin-bottom: 2.42vw; }
#case .system-list li .text-cate span { display: inline-block; border: #ccc solid 0.24vw; margin: 0 0.97vw 0.97vw 0; padding: 0.72vw; }
#case .text1 { font-size: 3.38vw; width: 100%; border: 0.24vw solid #DEDEDE; background: #F8F7F5; height: 9.66vw; text-align: center; padding: 2.17vw; margin-bottom: 2.42vw; font-weight: 400; }
#case .text2 {margin-bottom: 0.0vw;font-size: 3.382vw;line-height: 1.857;letter-spacing: 0px;font-weight: 300;text-align: left;}
#case .system-pic { width: 100%; aspect-ratio: 460 / 311; overflow: hidden; text-align: center; margin-bottom: 3.62vw; position: relative; }
#case .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#case .system-date { font-size: 0.75em; margin-bottom: 2.42vw; line-height: 1.4; }
#case .system-date::before { content: "■"; }
#case .system-coment { font-size: 0.75em; margin-bottom: 1.21vw; line-height: 1.4; }
#case .system-ttl-01 {margin-bottom: 2.42vw;font-size: 3.382vw;line-height: 1.5;letter-spacing: 0px;font-weight: 400;text-align: left;}
#contents05 #case .inBox h2{padding-left: 0;top: 0;margin: 0 19vw 2.7vw;padding: 2.4vw 0 0;}
#contents05 #case .inBox p.subttl {margin-bottom: 8.72vw;position: relative;font-size: 3.865vw;line-height: 1.75;letter-spacing: 0.193vw;font-weight: 500;text-align: center;}
#case .catelist{font-size: 3.38vw;line-height: 1;letter-spacing: 0.0vw;font-weight: 500;text-align: left;margin-bottom: 1.42vw;}
#case .catelist span{display: inline-block;padding: 1.21vw;}

#event .system-list {margin: 0 -4vw 0.73vw;}
#event .system-list li {position: relative;line-height: 1.4;width: 78.74vw;height: 118.2vw;margin: 0 6vw;position: relative;margin-bottom: 4.83vw;padding-top: 4.46vw;}
#event .system-list li a{display: block;padding-bottom: 9.66vw;}
#event .system-list li a:hover { text-decoration: none; }
#event .system-list li .enicon{position: absolute;top: 0vw;z-index: 3;left: -4.3vw;width: 19vw;}
#event .system-list .system-pic {width: 100%;aspect-ratio: 430 / 290;overflow: hidden;text-align: center;margin-bottom: 5.63vw;position: relative;}
#event .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#event .system-list li .system-date {font-size: 3.14vw;line-height: 1.4;position: relative;color: #6A6767;margin: 0 0 5.22vw 13.04vw;border-bottom: 0.24vw solid #D4DAD2;padding: 0 0 2.21vw 1.21vw;}
#event .system-list li .system-date .date-ttl {position: absolute;top: 0;left: -12.9vw;color: #1B1B1B;font-weight: 500;border-bottom: #30980E 0.24vw solid;padding-bottom: 2.21vw;padding-left: 2.9vw;width: 13.3vw;}
#event .system-list li .system-date .start_text {color: #1B1B1B;padding-left: 0.32vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#event .system-list li .system-information { border-bottom: 0.24vw solid #eee; padding-bottom: 2.42vw; margin-bottom: 4.83vw; }
#event .system-list li .system-txt { font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#event .system-list li .system-coment { font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#event .system-list li .system-ttl-01 {margin: 0 0vw 4.51vw;font-size: 3.86vw;line-height: 1.625;letter-spacing: 0.19vw;font-weight: 500;text-align: left;}
#event .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#event .system-list li .moree{height: 14.49vw;border: 0.24vw solid #E6EDE4;border-radius: 14.49vw;background: #FBFCF6;font-size: 3.38vw;line-height: 1.79;letter-spacing: 0.17vw;font-weight: 400;text-align: center;position: absolute;bottom: -2vw;left: 7.25vw;padding-top: 4.35vw;width: 63.1vw;}

#event .system-list .prev-arrow{position: absolute;width: 7.2vw;top: 44.9vw;left: -4.7vw;display: block;}
#event .system-list .next-arrow{position: absolute;width: 10vw;top: 44.9vw;right: -4.8vw;display: block;width: 7.3vw;transform: scale(-1, 1);}


#event .system-list li .text-box { padding: 0.0vw 0.0vw 4.83vw; }
#event .system-list li .more { font-size: 3.86vw; text-align: center; border: 0.24vw solid #959595; border-radius: 4.83vw;  height: 9.66vw; margin: 7.25vw auto 0 auto; padding: 1.45vw 0 0; }
#event .serchcategory { margin-bottom: 24.15vw; }
#event .serchcategory .icon { display: inline-block; margin-bottom: 3.62vw; font-size: 3.38vw; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw; }
#event .system-icon02 span { display: block; padding: 1.93vw; background: #ccc; font-size: 3.38vw; margin-bottom: 3.62vw; margin-top: 0vw; }

#contents06 {position: relative;background: url('../images/index/sp-contents06-back01.png')no-repeat top center;background-size: 100% 100%;padding-bottom: 14.3vw;}
#contents06 .ttl-Box {position: relative;text-align: center;padding: 5.71vw 0 9.5vw 0;}
#contents06 .ttl-Box h2 {margin: 0 2.8vw -1.4vw 4.6vw;}
#contents06 .ttl-Box h2 span{  }
#contents06 .ttl-Box h2 img {  }
#contents06 .ttl-Box h3 {margin-bottom: 2.66vw;position: relative;font-size: 5.072vw;line-height: 2.048;letter-spacing: 0.254vw;font-weight: 700;text-align: center;}
#contents06 .ttl-Box p.text {margin: 0 10.8vw 6.28vw;position: relative;font-size: 3.382vw;line-height: 1.857;letter-spacing: 0.169vw;font-weight: 400;text-align: left;}
#contents06 .inner-Box {position: relative;margin-bottom: 16vw;}
#contents06 .staff-Box {position: relative;padding-bottom: 8vw;}
#contents06 .staff-Box h3 {margin: 0 25.8vw 2.5vw 26vw;}
#contents06 .staff-Box h3 span{  }
#contents06 .staff-Box h3 img {  }
#contents06 .staff-Box p.subttl {margin: 0 10.8vw 7.25vw;position: relative;font-size: 2.899vw;line-height: 1.583;letter-spacing: 0.145vw;font-weight: 400;text-align: left;}
#contents06 .staff-Box p.btn {text-align: center;margin: 16vw 8.2vw 0vw;}
#contents06 .staff-Box p.btn img {  }
#contents06 .blog-Box {position: relative;background: #fff;top: 11.35vw;right: 0vw;padding: 12.2vw 8.48vw 12vw;}
#contents06 .blog-Box h3 {margin: 0 16.1vw 2.8vw 16.1vw;}
#contents06 .blog-Box h3 span{  }
#contents06 .blog-Box h3 img {  }
#contents06 .blog-Box figure.img {position: absolute;bottom: 28.9vw;left: 48.45vw;width: 33vw;}
#contents06 .blog-Box figure.img img{  }

#contents06 .blog-Box p.subttl {margin: 0 2.2vw 6.88vw;position: relative;font-size: 2.9vw;line-height: 1.58;letter-spacing: 0.14vw;font-weight: 400;text-align: left;}
#contents06 .blog-Box p.btn {text-align: center;}


#contents06 .blog-Box p.btn img {  }
#contents06 .inner-Box2 {margin: 0 3vw;position: relative;padding: 3.8vw 0 0;}
#contents06 .inner-Box2 h4 {margin: 0 21.3vw 1.28vw 20.6vw;}
#contents06 .inner-Box2 h4 span{  }
#contents06 .inner-Box2 h4 img {  }
#contents06 .inner-Box2 iframe{width: 100%;border: 1.27vw solid #FFFFFF!important;position: relative;top: 2.42vw;left: 0;height: 75vw;margin-bottom: 4vw;}
#contents06 .inner-Box2 table{margin: 0 auto 7.37vw;width: 84vw;}
#contents06 .inner-Box2 table th {border-bottom: #91C800 0.24vw solid;font-size: 3.38vw;line-height: 2;letter-spacing: 0.17vw;font-weight: 400;text-align: left;padding: 1.93vw 0 1.93vw 5vw;display: block;width: 100%;}
#contents06 .inner-Box2 table td {border-bottom: #D4DAD2 0.24vw solid;font-size: 3.86vw;line-height: 1.75;letter-spacing: 0.19vw;font-weight: 300;text-align: left;padding: 3.63vw 0 2.63vw 4.61vw;display: block;width: 100%;}
#contents06 .inner-Box2 p.btn {text-align: center;margin: 0 5vw;}
#contents06 .inner-Box2 p.btn img {  }

#staff .system-list {margin: 0 auto 11.11vw;}
#staff .system-list li {line-height: 1.4;width: 49.28vw;margin: 0 2.90vw;position: relative;margin-bottom: 3.62vw;text-align: center;}
#staff .system-list li a:hover { text-decoration: none; }
#staff .system-pic {width: 100%;aspect-ratio: 56 / 43;overflow: hidden;text-align: center;margin-bottom: 0.6vw;position: relative;border: 1.21vw solid #FFFFFF;border-radius: 2.42vw;}
#staff .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#staff .system-list li .system-job {display: block;position: relative;color: #30980E;font-size: 2.9vw;line-height: 1.75;letter-spacing: 0.29vw;font-weight: 400;margin-bottom: -1vw;text-align: center;}
#staff .system-list li .system-fu { font-size: 3.38vw; margin-bottom: 1.21vw; line-height: 1.4; text-align: center; letter-spacing: 0.17vw; background: #fff; writing-mode: vertical-rl; position: absolute; top: 0vw; right: 4.83vw; padding: 2.42vw; }
#staff .system-list li .system-ttl {font-size: 3.86vw;line-height: 1.4;text-align: center;font-weight: 400;}

#staff .slick-dotted.slick-slider {margin-bottom: 6.06vw;}
#staff .slick-dots {position: absolute;bottom: -4.2vw;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
#staff .slick-dots li {position: relative;display: inline-block;height: 2.42vw;width: 2.42vw;margin: 0 1.83vw;padding: 0;cursor: pointer;left: 0vw;}
#staff .slick-dots li button {font-size: 0;line-height: 0;display: block;border-radius: 50%;width: 2.42vw;height: 2.42vw;padding: 0.0vw;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #E0E0E0;}
#staff .slick-dots li button:hover, #staff .slick-dots li button:focus {outline: none; }
#staff .slick-dots li button:hover:before, #staff .slick-dots li button:focus:before {opacity: 1; }
#staff .slick-dots li button:before { border-radius: 50%; font-family: 'slick';font-size: 1.45vw;line-height: 2.17vw;position: absolute;top: 0;left: 0;height: 2.17vw;content: '';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#staff .slick-dots li.slick-active button { background: #91C800; }



#blog .system-list {margin-bottom: 17.12vw;}
#blog .system-list li {overflow: hidden;line-height: 1.4;margin-bottom: 5.8vw;border-bottom: 0.24vw solid #b2b2b2;padding: 0 0 5.56vw;}
#blog .system-list li a:hover { text-decoration: none; }
#blog .system-list .system-pic {width: 28.8vw;height: 19.32vw;float: left;}
#blog .system-list .system-pic img {height: 19.32vw;}
#blog .system-list .textbx {width: 50vw;margin-left: 3.3vw;padding-top: 1.21vw;float: left;}
#blog .system-day {margin-bottom: 0.48vw;font-size: 3.14vw;line-height: 1.4;color: #30980E;}
#blog .system-list .system-date::before { content: "■"; }
#blog .system-list .system-ttl-01 { font-size: 0.938em; line-height: 1.6; margin-bottom: 2.42vw; }
#blog .system-list .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#blog .system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right; }

#qacontents {position: relative;background: url('../images/index/sp-contents07-back01.png')no-repeat top center,url('../images/index/sp-contents07-back02.png')no-repeat bottom center,url('../images/index/contents07-back03.png')repeat top center;padding-top: 17.35vw;padding-bottom: 25.26vw;background-size: 100% auto;}
#qacontents .inner-Box {margin: 0 4vw;position: relative;}
#qacontents .inner-Box h2 {  }
#qacontents .inner-Box h2 span{  }
#qacontents .inner-Box h2 img {  }
#qacontents .inner-Box p.subttl {margin: 0 6.5vw 6.07vw;position: relative;font-size: 3.382vw;line-height: 1.857;letter-spacing: 0.2vw;font-weight: 400;text-align: left;}
#qacontents .inner-Box figure.photo {position: relative;top: 0;margin: 0 17.7vw 0  19.7vw;}
#qacontents .inner-Box figure.photo img{  }
#qacontents .inner-Box p.btn {text-align: center;margin: 12.16vw 4.6vw 0;}
#qacontents .inner-Box p.btn img {  }

#qacontents {
    margin-bottom: -1vw;
}
#qacontents .inner-Box {}
#qacontents .inner-Box h2 {font-size: 5.8vw;font-weight: 500;margin: 0 21.5vw 4.85vw;}
#qacontents .inner-Box h2 span { font-size: 3.86vw; position: relative; top: 0vw; color: #ccc; font-weight: 500; display: inline-block; margin-right: 2.42vw; }
#faq .accordion { margin: 3em auto; max-width: 60vw; }
#faq .toggle { display: none; }
#faq .option {position: relative;border: 0.24vw solid #E6EDE4;border-radius: 0.97vw;box-shadow: 0.0vw 0.97vw 0.0vw #0000001A;margin: 0 0vw 5vw;}
#faq .title, .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; /* transform: translateZ(0); */ transition: all 0.3s; }
#faq .title {padding: 6.63vw 11.32vw 3.83vw 24.32vw;display: block;color: #333;font-weight: 500;font-size: 4.35vw;}
#faq .title::before { content: ""; position: absolute; right: 4.83vw; top: 4.86vw; width: 8.94vw; height: 8.94vw; background: url(../images/common/faq.svg)no-repeat top center; transition: all 0.3s; background-size: 100% auto; }
#faq .content { max-height: 0; overflow: hidden; position: relative; }
#faq .content p {margin: 0;line-height: 1.5;padding-bottom: 7.25vw;padding: 5vw;font-size: 4.35vw;}
#faq .toggle:checked + .title::before { transform: rotate(180deg) !important; }
#faq .toggle:checked + .title + .content { max-height: 205.2vw; transition: all 0.5s; }
#faq .title span {position: absolute;top: 4.56vw;left: 6.92vw;width: 10.17vw;border-radius: 50%;height: 10.17vw;display: block;background: #30980E;color: #fff;text-align: center;font-size: 4.95vw;line-height: 1.9;letter-spacing: 0.22vw;font-weight: 700;padding: 0;}
#faq .toggle:checked + .title + .content {  /* font-size: 4.35vw; */ position: relative; }
#faq .toggle:checked + .title::before { transform: rotate(0deg) !important;background: #fff; z-index: 4; }
#faq .toggle:checked + .title{background: #30980E;color: #fff;border-radius: 1vw 1vw 0vw 0vw;}
#faq .toggle:checked + .title span{ background: #fff; color: #30980E;}

#faq .title::after {content: "";position: absolute;right: 7.14vw;: 3.86vw;width: 0.72vw;top: 8.05vw;height: 3.14vw;background: #191919;transform: rotate(90deg)}
#faq .title::before {content: "";position: absolute;right: 5.93vw;top: 9.25vw;width: 3.14vw;height: 0.72vw;background: #191919;transition: all 0.3s;transform: rotate(90deg)}
#faq .toggle:checked + .title::before { transform: rotate(0deg) !important;background: #fff; z-index: 4; }

#seobox{background: url(../images/index/seo-back.png);padding: 5.28vw 0 12.61vw;background-size: 100% auto;}
#seobox .inner-Box{margin: 0 11vw;}
#seobox .inner-Box h2{text-align: center;margin: 0 24.5vw 0.12vw 25.4vw;top: -2vw;position: relative;}
#seobox .inner-Box p{font-size: 3.38vw;line-height: 2.0;letter-spacing: 0.17vw;font-weight: 400;text-align: left;}








}