@charset "UTF-8";

#works .system-pic {width: 100%;aspect-ratio: 72 / 41;overflow: hidden;text-align: center;position: relative;}
#works .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

#info .system-pic {width: 100%;aspect-ratio: 724 / 380;overflow: hidden;text-align: center;position: relative;}
#info .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }



@media screen and (min-width: 768px),print {  
#contentsmain {margin: 42px auto 0 auto;position: relative;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2 {margin-bottom: -50px;position: relative;z-index: 3;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img { width: 100%; height: auto; }
#contentsmain .inner-Box ul{margin: 0 0 -21px;}
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box figure {  }
#contentsmain .inner-Box figure img{ width: 100%; height: auto; }
#contentsmain .inner-Box2 {margin: -1px auto 0;position: relative;background: #1C1C1C;padding: 66px 30px 86px 30px;text-align: center;}
#contentsmain .inner-Box2 p.btn {max-width: 1490px;margin: 0 auto;}
#contentsmain .inner-Box2 p.btn img { width: 100%; height: auto; }

#info {margin: 0 auto;position: relative;background: #F7F7F7;padding: 162px 0 37px 0;}
#info .inner-Box {margin: 0 auto;position: relative;max-width: 1574px;padding: 0 40px;}
#info .inner-Box h2.f-en2 {font-size: 78px;line-height: 1;font-weight: 300;letter-spacing: 0px;margin-bottom: 72px;position: relative;}
#info .inner-Box p.morebtn { position: absolute; top: 8px; left: 483px; }

#info .system-list{margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#info .system-list li{line-height: 1.4;width: 48.5%;margin-right: 3%;position: relative;margin-bottom: 70px;box-shadow: 0px 5px 10px #8D8D8D29;background: #fff;}
#info .system-list li:nth-child(2n){ margin-right: 0}
#info .system-list li a:hover{ text-decoration: none; }
#info .system-list li .textbox{padding: 20px 40px;}
#info .system-list li .system-ttl{font-size: 22px;margin-bottom: 35px;line-height: 1.55;text-align: center;font-weight: 500;letter-spacing: 1.32px;}
#info .system-list li .system-pic{margin-bottom: 25px;}
#info .system-list li .system-day{font-size: 18px;padding: 28px 31px;line-height: 1;margin-bottom: -5px;}
#info .system-list li .system-day .categ{display: inline-block;border-right: 1px solid #000;padding: 0 10px 0 0;margin-right: 10px;}
#info .system-list li .system-day .date{ color: #AB0525; }

#info .system-text{font-size: 16px;margin-bottom: 5px;line-height: 1.4;color: #AAAAAA;}
#info .system-date::before{}
#info .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#info .system-ttl-01{font-size: 22px;margin-bottom: 10px;font-weight: 500;line-height: 1.4;letter-spacing: 1.32px;}
#info .system-category {margin-top: 11px;margin-bottom: 5px;font-size: 16px;}
#info .system-category span{display: inline-block;color: #AB0525;margin: 0 21px 5px 0;}
#info .serchcategory{ margin-bottom: 100px;}
#info .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#info .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}

#contents01 .lssp{ display: none!important; }

#contents01 {margin: 0 auto;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center #000000;padding: 130px 0 236px;}
#contents01 .inner-Box1 {margin: 0 auto 187px;position: relative;padding: 0 30px;max-width: 1550px;color: #fff;}
#contents01 .inner-Box1 h2 {margin-bottom: 119px;}
#contents01 .inner-Box1 h2 span{  }
#contents01 .inner-Box1 h2 img {  }
	#contents01 .inner-Box1 .sticky-box{ position: absolute; top: 319px; right: 31px; width: 420px; }
#contents01 .inner-Box1 ul.sllist { }
#contents01 .inner-Box1 ul li { position: relative; }
#contents01 .inner-Box1 figure {  }
#contents01 .inner-Box1 figure img{  }
#contents01 .inner-Box1 h3 {font-size: 30px;line-height: 1.4;font-weight: 700;letter-spacing: 3.6px;margin-bottom: 50px;position: relative;}
#contents01 .inner-Box1 p.text {font-size: 22px;line-height: 2.5;font-weight: 500;letter-spacing: 1.32px;margin-bottom: 55px;position: relative;}
#contents01 .inner-Box1 p.text span {color: #FFCC00;}
#contents01 .inner-Box1 figure.img {position: relative;top: -26px;left: 0;}
#contents01 .inner-Box1 figure.img img{  }
	

	
#contents01 .inner-Box2 {margin: 0 auto;position: relative;padding: 0 30px;max-width: 1550px;color: #fff;}
#contents01 .inner-Box2 h2 {margin: 0 0 116px;}
#contents01 .inner-Box2 h2 span{  }
#contents01 .inner-Box2 h2 img {width: 100%;max-width: 1482px;}
#contents01 .inner-Box2 ul.sllist2 {position: absolute;top: 199px;left: 50%;margin-left: 99px;width: 860px;}
#contents01 .inner-Box2 figure {  }
#contents01 .inner-Box2 figure img{  }
#contents01 .inner-Box2 p.text {font-size: 22px;line-height: 2.5;font-weight: 500;letter-spacing: 1.32px;margin-bottom: 55px;position: relative;}
#contents01 .inner-Box2 p.text span {color: #FFCC00;}
#contents01 .inner-Box2 figure.img02 {padding: 41px 0 105px;}
#contents01 .inner-Box2 figure.img02 img{  }
#contents01 .inner-Box2 h3 {padding: 0 0 0 216px;margin-bottom: 40px;}
#contents01 .inner-Box2 h3 span{  }
#contents01 .inner-Box2 h3 img {  }
#contents01 .inner-Box2 ul.list1 {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 63px;}
#contents01 .inner-Box2 ul.list2 {}
#contents01 .inner-Box2 ul.list1 li {margin-right: 19px;}
#contents01 .inner-Box2 ul.list2 li {position: relative;border-bottom: 1px #fff dashed;width: 746px;margin-bottom: 10px;}
#contents01 .inner-Box2 ul.list2 li:nth-child(3n) { margin-right: 0px; }

#contents01 .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 7px;left: 0;}
#contents01 .inner-Box2 span.ch img {  }
#contents01 .inner-Box2 p.ltext {font-size: 22px;line-height: 1.94;font-weight: 500;letter-spacing: 1.32px;margin-bottom: 13px;padding-left: 60px;position: relative;}
#contents01 .inner-Box2 p.ltext span {color: #FFCC00;}

#contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center,url('../images/index/contents02-back02.png')no-repeat bottom center;padding: 314px 0 0;}
#contents02 .inner-Box1 {margin: 0 auto 173px;position: relative;}
#contents02 .inner-Box1 span.no {display: block;line-height: 1;position: absolute;top: -41px;left: -50px;}
#contents02 .inner-Box1 span.no img {  }
#contents02 .inner-Box1 h2 {font-size: 50px;line-height: 1.4;font-weight: 700;letter-spacing: 3px;margin-bottom: 42px;position: relative;}
#contents02 .inner-Box1 h2 span {display: block;font-size: 28px;letter-spacing: 1.68px;font-weight: 500;margin-bottom: 5px;}
#contents02 .inner-Box1 figure.photo {max-width: 779px;width: 40.57vw;position: absolute;top: 6px;right: 0;}
#contents02 .inner-Box1 figure.photo img{ width: 100%; height: auto; }
#contents02 .inner-Box1 h3 {font-size: 18px;line-height: 1.89;font-weight: 700;letter-spacing: 1.08px;margin-bottom: 27px;position: relative;color: #AB0525;}
#contents02 .inner-Box1 p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.96px;margin-bottom: 60px;position: relative;max-width: 855px;}
#contents02 .inner-Box1 .inbbBox{max-width: 1552px;margin: 0 auto;padding: 0 34vw 0 30px;}
#contents02 .inner-Box1 .inBox {margin: 0 auto;position: relative;background: url(../images/index/contents02-iconline.svg)no-repeat top left;padding: 0 0 0 60px;}
#contents02 .inner-Box1 .inBox p.f-min {font-size: 18px;line-height: 2.44;font-weight: 600;letter-spacing: 2.16px;position: relative;top: -8px;}
#contents02 .inner-Box1 p.btn {text-align: right;padding: 15px 15px 0 0;}
#contents02 .inner-Box1 p.btn img {  }

#contents02 .inner-Box2 {margin: 0 auto 173px;position: relative;}
#contents02 .inner-Box2 span.no {display: block;line-height: 1;position: absolute;top: -41px;left: -50px;}
#contents02 .inner-Box2 span.no img {  }
#contents02 .inner-Box2 h2 {font-size: 50px;line-height: 1.4;font-weight: 700;letter-spacing: 3px;margin-bottom: 42px;position: relative;}
#contents02 .inner-Box2 h2 span {display: block;font-size: 28px;letter-spacing: 1.68px;font-weight: 500;margin-bottom: 5px;}
#contents02 .inner-Box2 figure.photo {max-width: 779px;width: 40.57vw;position: absolute;top: -44px;right: 0;}
#contents02 .inner-Box2 figure.photo img{ width: 100%; height: auto; }
#contents02 .inner-Box2 h3 {font-size: 18px;line-height: 1.89;font-weight: 700;letter-spacing: 1.08px;margin-bottom: 27px;position: relative;color: #AB0525;}
#contents02 .inner-Box2 p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.96px;margin-bottom: 60px;position: relative;max-width: 855px;}
#contents02 .inner-Box2 .inbbBox{max-width: 1552px;margin: 0 auto;padding: 0 34vw 0 30px;}
#contents02 .inner-Box2 .inBox {margin: 0 auto;position: relative;background: url(../images/index/contents02-iconline.svg)no-repeat top left;padding: 0 0 0 60px;}
#contents02 .inner-Box2 .inBox p.f-min {font-size: 18px;line-height: 2.44;font-weight: 600;letter-spacing: 2.16px;position: relative;top: -8px;}
#contents02 .inner-Box2 p.btn {text-align: right;padding: 15px 15px 0 0;}
#contents02 .inner-Box2 p.btn img {  }

#contents02 .inner-Box3 {margin: 0 auto 198px;position: relative;}
#contents02 .inner-Box3 span.no {display: block;line-height: 1;position: absolute;top: -41px;left: -50px;}
#contents02 .inner-Box3 span.no img {  }
#contents02 .inner-Box3 h2 {font-size: 50px;line-height: 1.4;font-weight: 700;letter-spacing: 3px;margin-bottom: 42px;position: relative;}
#contents02 .inner-Box3 h2 span {display: block;font-size: 28px;letter-spacing: 1.68px;font-weight: 500;margin-bottom: 5px;}
#contents02 .inner-Box3 div.photo {max-width: 779px;width: 40.57vw;position: absolute;top: 6px;right: 0;}
#contents02 .inner-Box3 div.photo video{ width: 100%; height: auto; }
#contents02 .inner-Box3 h3 {font-size: 18px;line-height: 1.89;font-weight: 700;letter-spacing: 1.08px;margin-bottom: 27px;position: relative;color: #AB0525;}
#contents02 .inner-Box3 p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.96px;margin-bottom: 60px;position: relative;max-width: 855px;}
#contents02 .inner-Box3 .inbbBox{max-width: 1552px;margin: 0 auto;padding: 0 34vw 0 30px;}
#contents02 .inner-Box3 .inBox {margin: 0 auto;position: relative;background: url(../images/index/contents02-iconline.svg)no-repeat top left;padding: 0 0 0 60px;}
#contents02 .inner-Box3 .inBox p.f-min {font-size: 18px;line-height: 2.44;font-weight: 600;letter-spacing: 2.16px;position: relative;top: -8px;}
#contents02 .inner-Box3 p.btn {text-align: right;padding: 15px 15px 0 0;}
#contents02 .inner-Box3 p.btn img {  }

#contents02 .inner-Box4 {margin: 0 auto;position: relative;padding-bottom: 16px;}
#contents02 .inner-Box4 p.btnbtn { font-size: 16px; line-height: 1.94; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents02 .inner-Box4 p.btnbtn a {width: 1200px;height: 145px;display: block;border-radius: 11px;background: #000;color: #fff;position: relative;margin: 0 auto;text-align: center;font-size: 26px;letter-spacing: 4.16px;padding: 47px 0 0;}
#contents02 .inner-Box4 p.btnbtn a:hover {  }
#contents02 .inner-Box4 span.arr {display: block;line-height: 1;position: absolute;top: 57px;right: 62px;}
#contents02 .inner-Box4 span.arr img {  }

#works {margin: 0 auto;position: relative;background: #fff;padding: 199px 0 37px 0;}
#works .inner-Box {margin: 0 auto;position: relative;max-width: 1574px;padding: 0 40px;}
#works .inner-Box h2.f-en2 {font-size: 250px;line-height: 1;font-weight: 300;letter-spacing: 0px;margin-bottom: 5px;position: relative;color: #AB0525;}
#works .inner-Box p.morebtn {position: absolute;top: 231px;right: 43px;}
#works .inner-Box .subtext{font-size: 18px;font-weight: 500;letter-spacing: 2.4px;margin-bottom: 84px;}

#works .system-list{margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#works .system-list li{line-height: 1.4;width: 31.0%;margin-right: 3.5%;position: relative;margin-bottom: 59px;box-shadow: 0px 5px 10px #8D8D8D29;background: #fff;}
#works .system-list li:nth-child(3n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-list li .textbox{padding: 23px 10% 19px;}

#works .system-text{font-size: 16px;margin-bottom: 5px;line-height: 1.4;color: #AAAAAA;}
#works .system-date::before{}
#works .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#works .system-ttl-01{font-size: 22px;margin-bottom: 10px;font-weight: 500;line-height: 1.4;letter-spacing: 1.32px;}
#works .system-category {margin-top: 11px;margin-bottom: 5px;font-size: 16px;}
#works .system-category span{display: inline-block;color: #AB0525;margin: 0 21px 5px 0;}
#works .serchcategory{ margin-bottom: 100px;}
#works .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#works .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}

#contents03 {margin: 0 auto 195px;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;padding-top: 110px;height: 600px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding: 19px 0 0 0;}
#contents03 .inner-Box figure { position: absolute; top: 0; left: 0; }
#contents03 .inner-Box figure img{  }
#contents03 .inner-Box h2 {font-size: 14px;line-height: 1.4;font-weight: 500;letter-spacing: 0.84px;margin: 0px 0 35px 236px;position: relative;}
#contents03 .inner-Box p.text {font-size: 13px;line-height: 2.15;font-weight: 400;letter-spacing: 1.04px;margin-bottom: 30px;position: relative;color: #7F7F7F;}
#contents03 .inner-Box p.btn {text-align: right;}
#contents03 .inner-Box p.btn img {  }

#fixbannerh {position: fixed;bottom: 20px;right: 20px;text-align: right;opacity: 0;visibility: hidden;transition: opacity 0.4s ease, visibility 0.4s ease;z-index: 4;}
#fixbannerh.show { opacity: 1; visibility: visible; }
#fixbannerh .close { position: absolute; top: -31px; right: 0; cursor: pointer; }


}

@media screen and (min-width:768px) and ( max-width:1500px) {
	
    #contents02 .inner-Box1 p.text{ max-width: 600px;}
    #contents02 .inner-Box2 p.text{ max-width: 600px;}
    #contents02 .inner-Box3 p.text{ max-width: 600px;}
	
}


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

#contents01 .inner-Box2 figure.img02{ }
#contents01 .inner-Box2 figure.img02 img{height: auto;}
#contents01 .inner-Box2 ul.sllist2{left: auto;right: 0;width: 600px;}
#contents01 .inner-Box2 ul.sllist2 li img{width: 100%; height: auto;}
#contents02 .inner-Box1 .inbbBox{padding: 0 44vw 0 30px;}
#contents02 .inner-Box2 .inbbBox{padding: 0 44vw 0 30px;}
#contents02 .inner-Box3 .inbbBox{padding: 0 44vw 0 30px;}
#contents01 .inner-Box2 p.text{ font-size: 18px;}

}



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

#contentsmain {margin: 5.84vw auto 0 auto;position: relative;}
#contentsmain .inner-Box {position: relative;margin-bottom: -5.2vw;}
#contentsmain .inner-Box h2 {margin-bottom: -5.1vw;position: relative;z-index: 3;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img { width: 100%; height: auto; }
#contentsmain .inner-Box ul{margin: 0 0 0vw;}
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box figure {  }
#contentsmain .inner-Box figure img{ width: 100%; height: auto; }
#contentsmain .inner-Box2 {margin: 0vw auto 0;position: relative;background: #1C1C1C;padding: 7.44vw 2.35vw 7.17vw;text-align: center;}
#contentsmain .inner-Box2 p.btn {margin: 0 4vw;}
#contentsmain .inner-Box2 p.btn img { width: 100%; height: auto; }

#info {position: relative;background: #F7F7F7;padding: 20.43vw 0 13.24vw 0;}
#info .inner-Box {margin: 0 5.1vw;position: relative;}
#info .inner-Box h2.f-en2 {font-size: 9.42vw;line-height: 1;font-weight: 300;letter-spacing: 0.0vw;margin-bottom: 8.79vw;position: relative;}
#info .inner-Box p.morebtn {margin: 0 7.8vw;position: relative;}

#info .system-list{margin-bottom: 2.68vw;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;}
#info .system-list li{line-height: 1.4;width: 100%;position: relative;margin-bottom: 7.01vw;box-shadow: 0.0vw 1.21vw 2.42vw #8D8D8D29;background: #fff;}
#info .system-list li:nth-child(2n){ margin-right: 0}
#info .system-list li a:hover{ text-decoration: none; }
#info .system-list li .textbox{padding: 4.83vw 9.66vw;}
#info .system-list li .system-ttl{font-size: 3.38vw;margin-bottom: 6.75vw;line-height: 1.55;text-align: center;font-weight: 500;letter-spacing: 0.32vw;}
#info .system-list li .system-pic{margin-bottom: 4.44vw;}
#info .system-list li .system-day{font-size: 4.35vw;padding: 5.06vw 3.99vw;line-height: 1;margin-bottom: 0vw;}
#info .system-list li .system-day .categ{display: inline-block;border-right: 0.24vw solid #000;padding: 0 2.42vw 0 0;margin-right: 2.42vw;}
#info .system-list li .system-day .date{ color: #AB0525; }

#info .system-text{font-size: 3.86vw;margin-bottom: 1.21vw;line-height: 1.4;color: #AAAAAA;}
#info .system-date::before{}
#info .system-coment{ font-size: 3.38vw; margin-bottom: 1.21vw; line-height: 1.4; }
#info .system-ttl-01{font-size: 5.31vw;margin-bottom: 2.42vw;font-weight: 500;line-height: 1.4;letter-spacing: 0.32vw;}
#info .system-category {margin-top: 2.66vw;margin-bottom: 1.21vw;font-size: 3.86vw;}
#info .system-category span{display: inline-block;color: #AB0525;margin: 0 5.07vw 1.21vw 0;}
#info .serchcategory{ margin-bottom: 24.15vw;}
#info .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; }
#info .system-category1{margin-bottom: 0.24vw; font-size: 3.86vw; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw; background-color: #ccc; position: relative;}

#contents01 {position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat top center #000000;padding: 22.92vw 0 14.4vw;background-size: 100% auto;}
#contents01 .lspc{ display: none!important; }

#contents01 .inner-Box1 {margin: 0 5.2vw 16.07vw;position: relative;color: #fff;}
#contents01 .inner-Box1 h2 {margin: 0 12.4vw 12.8vw 11.8vw;}
#contents01 .inner-Box1 h2 span{  }
#contents01 .inner-Box1 h2 img {  }
#contents01 .inner-Box1 ul.sllist {position: relative;margin-bottom: 8.3vw;}
#contents01 .inner-Box1 figure {  }
#contents01 .inner-Box1 figure img{  }
#contents01 .inner-Box1 h3 {font-size: 5.31vw;line-height: 1.82;font-weight: 700;letter-spacing: 0.64vw;margin-bottom: 3.88vw;position: relative;}
#contents01 .inner-Box1 p.text {font-size: 3.86vw;line-height: 2.75;font-weight: 500;letter-spacing: 0.23vw;margin-bottom: 10.49vw;position: relative;margin-right: 1vw;}
#contents01 .inner-Box1 p.text span {color: #FFCC00;}
#contents01 .inner-Box1 figure.img {position: relative;top: -7.5vw;left: 0;margin: 0 0 0 -2vw;}
#contents01 .inner-Box1 figure.img img{  }
#contents01 .inner-Box2 {margin: 0 3.1vw;position: relative;color: #fff;}
#contents01 .inner-Box2 h2 {margin: 0 1.8vw 12.52vw 0vw;}
#contents01 .inner-Box2 h2 span{  }
#contents01 .inner-Box2 h2 img {  }
#contents01 .inner-Box2 ul.sllist2 {position: relative;margin-bottom: 4.2vw;}
#contents01 .inner-Box2 figure {  }
#contents01 .inner-Box2 figure img{  }
#contents01 .inner-Box2 p.text {font-size: 3.86vw;line-height: 2.75;font-weight: 500;letter-spacing: 0.23vw;margin: 0 2.2vw 10.29vw;position: relative;}
#contents01 .inner-Box2 p.text span {color: #FFCC00;}
#contents01 .inner-Box2 figure.img02 {padding: 0.8vw 2.1vw 13.96vw;}
#contents01 .inner-Box2 figure.img02 img{  }
#contents01 .inner-Box2 h3 {margin: 0 26.1vw 5.66vw;}
#contents01 .inner-Box2 h3 span{  }
#contents01 .inner-Box2 h3 img {  }
#contents01 .inner-Box2 ul.list1 {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 5.9vw -4.78vw;}
#contents01 .inner-Box2 ul.list2 { margin: 0 1.9vw; }
#contents01 .inner-Box2 ul.list1 li {margin-bottom: 12.59vw;}
#contents01 .inner-Box2 ul.list2 li {position: relative;border-bottom: 0.24vw #fff dashed;margin-bottom: 2.42vw;}
#contents01 .inner-Box2 ul.list2 li:nth-child(3n) { margin-right: 0.0vw; }

#contents01 .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 1.69vw;left: 0;width: 6.8vw;}
#contents01 .inner-Box2 span.ch img {  }
#contents01 .inner-Box2 p.ltext {font-size: 4.35vw;line-height: 1.94;font-weight: 500;letter-spacing: 0.32vw;margin-bottom: 3.14vw;padding-left: 9.89vw;position: relative;}
#contents01 .inner-Box2 p.ltext span {color: #FFCC00;}

#contents02 {position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top center,url('../images/index/sp-contents02-back02.png')no-repeat bottom center;padding: 37.85vw 0 0;background-size: 100% auto;}
#contents02 .inner-Box1 {margin: 0 auto 15.79vw;position: relative;}
#contents02 .inner-Box1 span.no {display: block;line-height: 1;position: absolute;top: -1.8vw;left: 0;width: 16vw;}
#contents02 .inner-Box1 span.no img {  }
#contents02 .inner-Box1 h2 {font-size: 6.28vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.38vw;margin-bottom: 5.74vw;position: relative;padding: 1vw 0 0 16.5vw;}
#contents02 .inner-Box1 h2 span {display: block;font-size: 4.35vw;letter-spacing: 0.41vw;font-weight: 500;margin-bottom: 1.21vw;}
#contents02 .inner-Box1 figure.photo {position: relative;right: 0;margin-bottom: 5vw;}
#contents02 .inner-Box1 figure.photo img{ width: 100%; height: auto; }
#contents02 .inner-Box1 h3 {font-size: 3.38vw;line-height: 1.89;font-weight: 700;letter-spacing: 0.20vw;margin-bottom: 4.02vw;position: relative;color: #AB0525;}
#contents02 .inner-Box1 p.text {font-size: 2.90vw;line-height: 2.58;font-weight: 500;letter-spacing: 0.17vw;margin-bottom: 9.09vw;position: relative;}
#contents02 .inner-Box1 .inbbBox{margin: 0 5.2vw;}
#contents02 .inner-Box1 .inBox {margin: 0 -5vw;position: relative;background: url(../images/index/contents02-iconline.svg)repeat-y top left;padding: 0 2vw 0 8.59vw;background-size: 4.3vw auto;}
#contents02 .inner-Box1 .inBox p.f-min {font-size: 3.38vw;line-height: 2.54;font-weight: 600;letter-spacing: 0.34vw;position: relative;top: 1.1vw;margin-bottom: 0vw;}
#contents02 .inner-Box1 p.btn {text-align: right;padding: 1.92vw 3.62vw 0 62.6vw;}
#contents02 .inner-Box1 p.btn img {  }

#contents02 .inner-Box2 {margin: 0 auto 17.79vw;position: relative;}
#contents02 .inner-Box2 span.no {display: block;line-height: 1;position: absolute;top: -1.8vw;left: 0;width: 19vw;}
#contents02 .inner-Box2 span.no img {  }
#contents02 .inner-Box2 h2 {font-size: 6.28vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.38vw;margin-bottom: 5.74vw;position: relative;padding: 1vw 0 0 16.5vw;margin-right: -1vw;}
#contents02 .inner-Box2 h2 span {display: block;font-size: 4.35vw;letter-spacing: 0.41vw;font-weight: 500;margin-bottom: 1.21vw;}
#contents02 .inner-Box2 figure.photo {position: relative;right: 0;margin: 0 -5.3vw 9.3vw;}
#contents02 .inner-Box2 figure.photo img{ width: 100%; height: auto; }
#contents02 .inner-Box2 h3 {font-size: 3.38vw;line-height: 1.89;font-weight: 700;letter-spacing: 0.20vw;margin-bottom: 4.02vw;position: relative;color: #AB0525;}
#contents02 .inner-Box2 p.text {font-size: 2.90vw;line-height: 2.58;font-weight: 500;letter-spacing: 0.17vw;margin-bottom: 9.09vw;position: relative;}
#contents02 .inner-Box2 .inbbBox{margin: 0 5.2vw;}
#contents02 .inner-Box2 .inBox {margin: 0 -5vw;position: relative;background: url(../images/index/contents02-iconline.svg)repeat-y top left;padding: 0 2vw 0 8.59vw;background-size: 4.3vw auto;}
#contents02 .inner-Box2 .inBox p.f-min {font-size: 3.38vw;line-height: 2.54;font-weight: 600;letter-spacing: 0.34vw;position: relative;top: 1.1vw;margin-bottom: 0vw;}
#contents02 .inner-Box2 p.btn {text-align: right;padding: 1.92vw 3.62vw 0 62.6vw;}
#contents02 .inner-Box2 p.btn img {  }

#contents02 .inner-Box3 {margin: 0 auto 18.79vw;position: relative;}
#contents02 .inner-Box3 span.no {display: block;line-height: 1;position: absolute;top: -1.8vw;left: 0;width: 19vw;}
#contents02 .inner-Box3 span.no img {  }
#contents02 .inner-Box3 h2 {font-size: 6.28vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.38vw;margin-bottom: 5.74vw;position: relative;padding: 1vw 0 0 16.5vw;}
#contents02 .inner-Box3 h2 span {display: block;font-size: 4.35vw;letter-spacing: 0.41vw;font-weight: 500;margin-bottom: 1.21vw;}
#contents02 .inner-Box3 div.photo {position: relative;right: 0;margin-bottom: 5vw;}
#contents02 .inner-Box3 div.photo video{ width: 100%; height: auto; }
#contents02 .inner-Box3 h3 {font-size: 3.38vw;line-height: 1.89;font-weight: 700;letter-spacing: 0.20vw;margin-bottom: 4.02vw;position: relative;color: #AB0525;}
#contents02 .inner-Box3 p.text {font-size: 2.90vw;line-height: 2.58;font-weight: 500;letter-spacing: 0.17vw;margin-bottom: 9.09vw;position: relative;}
#contents02 .inner-Box3 .inbbBox{margin: 0 5.2vw;}
#contents02 .inner-Box3 .inBox {margin: 0 -5vw;position: relative;background: url(../images/index/contents02-iconline.svg)repeat-y top left;padding: 0 2vw 0 8.59vw;background-size: 4.3vw auto;}
#contents02 .inner-Box3 .inBox p.f-min {font-size: 3.38vw;line-height: 2.54;font-weight: 600;letter-spacing: 0.34vw;position: relative;top: 1.1vw;margin-bottom: 0vw;}
#contents02 .inner-Box3 p.btn {text-align: right;padding: 1.92vw 3.62vw 0 62.6vw;}
#contents02 .inner-Box3 p.btn img {  }




#contents02 .inner-Box4 {margin: 0 1.2vw;position: relative;padding-bottom: 0.06vw;}
#contents02 .inner-Box4 p.btnbtn {font-size: 3.38vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.55vw;position: relative;}
#contents02 .inner-Box4 p.btnbtn a {height: 15.02vw;display: block;border-radius: 2.66vw;background: #000;color: #fff;position: relative;margin: 0 4vw;text-align: center;font-size: 3.38vw;letter-spacing: 0.5vw;padding: 4.15vw 0 0;}
#contents02 .inner-Box4 p.btnbtn a:hover {  }
#contents02 .inner-Box4 span.arr {display: block;line-height: 1;position: absolute;top: 4.87vw;right: 5.18vw;width: 5vw;}
#contents02 .inner-Box4 span.arr img {  }

#works {position: relative;background: #fff;padding: 23.47vw 5.6vw 8.94vw;}
#works .inner-Box {position: relative;margin: 0 0vw;}
#works .inner-Box h2.f-en2 {font-size: 14.98vw;line-height: 1;font-weight: 300;letter-spacing: 0.0vw;margin-bottom: 1.21vw;position: relative;color: #AB0525;}
#works .inner-Box p.morebtn {position: relative;margin: 0 7vw;}
#works .inner-Box .subtext{font-size: 3.38vw;line-height: 1.86;font-weight: 500;letter-spacing: 0.34vw;margin-bottom: 5.89vw;}

#works .system-list{margin-bottom: 5.08vw;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;}
#works .system-list li{line-height: 1.4;width: 100%;position: relative;margin-bottom: 7.25vw;box-shadow: 0.0vw 1.21vw 2.42vw #8D8D8D29;background: #fff;}
#works .system-list li:nth-child(2n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-list li .textbox{padding: 4.16vw 3.5vw 1.59vw;}

#works .system-text{font-size: 3.38vw;letter-spacing: 0.20vw;margin-bottom: 1.91vw;line-height: 1.4;color: #AAAAAA;}
#works .system-date::before{}
#works .system-coment{ font-size: 3.38vw; margin-bottom: 1.21vw; line-height: 1.4; }
#works .system-ttl-01{font-size: 4.35vw;margin-bottom: 5.15vw;font-weight: 500;line-height: 1.4;letter-spacing: 0.26vw;}
#works .system-category {margin-top: 2.66vw;margin-bottom: 1.21vw;font-size: 3.86vw;}
#works .system-category span{display: inline-block;color: #AB0525;margin: 0 3.47vw 1.21vw 0;}
#works .serchcategory{ margin-bottom: 24.15vw;}
#works .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; }
#works .system-category1{margin-bottom: 0.24vw; font-size: 3.86vw; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw; background-color: #ccc; position: relative;}

#contents03 {margin: 0 auto 0vw;position: relative;background: url('../images/index/sp-contents03-back01.png')no-repeat bottom center;padding-top: 14.57vw;background-size: 100% auto;}
#contents03 .inner-Box {margin: 0 4vw;position: relative;padding: 4.59vw 0 49.3vw 0;}
#contents03 .inner-Box figure {position: relative;top: 0;margin: 0 26.8vw 6.7vw;left: 0;}
#contents03 .inner-Box figure img{  }
#contents03 .inner-Box h2 {font-size: 3.14vw;line-height: 2;font-weight: 500;letter-spacing: 0.2vw;position: relative;text-align: center;margin-bottom: 5.8vw;}
#contents03 .inner-Box p.text {font-size: 2.66vw;line-height: 2.18;font-weight: 400;letter-spacing: 0.21vw;margin: 0 1vw 5.75vw;position: relative;color: #7F7F7F;}
#contents03 .inner-Box p.btn {text-align: right;margin: 0 5.1vw 0 44.7vw;padding-top: 0.7vw;}
#contents03 .inner-Box p.btn img {  }

#fixbannerh {position: fixed;bottom: 4.83vw;right: 4.83vw;width: 90vw;text-align: right;opacity: 0;visibility: hidden;transition: opacity 0.4s ease, visibility 0.4s ease;z-index: 4;}
#fixbannerh.show { opacity: 1; visibility: visible; }
#fixbannerh .close {position: absolute;top: 0;right: 0;cursor: pointer;width: 5.56vw;}





}