@charset "UTF-8";

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

#blog .system-pic { width: 100%; aspect-ratio: 20 / 14; overflow: hidden; text-align: center; margin-bottom: 15px; position: relative;}
#blog .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

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


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

#contentsmain {margin: -13px auto 0 auto;position: relative;background: url('../images/index/contentsmain-back01.png')repeat-x top center #233356;animation: scrollBg 60s linear infinite;}
@keyframes scrollBg {
    0% {
      background-position: 3640px 0; /* 右端から開始 */
    }
    100% {
      background-position: 0 0;      /* 左端に到達 */
    }
  }
#contentsmain .inner-Box {margin: 0 auto;position: relative;height: 730px;}
#contentsmain .inner-Box h2 {text-align: center;padding: 105px 0 0;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box figure.img02 {position: absolute;bottom: 19px;left: 50%;margin-left: -322px;}
#contentsmain .inner-Box figure.img02 img{  }
#contentsmain .inner-Box figure.img01 {position: absolute;top: 22px;left: 50%;margin-left: 497px;}
#contentsmain .inner-Box figure.img01 img{  }
#contentsmain .inner-Box figure.photo {position: absolute;bottom: 0;left: 50%;margin-left: -499px;}
#contentsmain .inner-Box figure.photo img{  }

#contentsmain .inner-Box2 {margin: 0 auto;position: relative;background: #fff;padding: 30px 0;}
#contentsmain .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 975px;margin: 0 auto;justify-content: center;border-left: #1A1A1A 1px solid;}
#contentsmain .inner-Box2 ul li {position: relative;text-align: center;padding: 0 26.2px;border-right: #1A1A1A 1px solid;}
#contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }
#contentsmain .inner-Box2 p.ltext {font-size: 17px;line-height: 1;font-weight: 500;letter-spacing: 0.85px;position: relative;}

#contents01 {margin: 0 auto;position: relative;background: url('../images/index/contents01-back01.png')no-repeat bottom center #EDEFF2;padding: 82px 0 140px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1220px;}
#contents01 .inner-Box p.subttl {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;display: none;}
#contents01 .inner-Box h2 {text-align: center;position: relative;left: -15px;margin-bottom: -7px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box p.subtext {font-size: 18px;line-height: 1.94;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 28px;position: relative;text-align: center;}
#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;margin-bottom: 31px;}
#contents01 .inner-Box ul li {box-shadow: 0px 30px 30px #0000001A;margin-right: 40px;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box ul li figure {  }
#contents01 .inner-Box ul li a {  }
#contents01 .inner-Box ul li a:hover {  }
#contents01 .inner-Box p.text {font-size: 14px;line-height: 1.94;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 2px;position: relative;text-align: right;}
#contents01 .inner-Box p.morebtn { font-size: 16px; line-height: 1.94; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents01 .inner-Box p.morebtn a {}
#contents01 .inner-Box p.morebtn a:hover {  }

#contents02 {margin: 0 auto -120px;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;padding: 124px 0 0;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1196px;}
#contents02 .inner-Box h2 {margin-bottom: -189px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box ul{ width: 720px; margin: 0 0 72px auto; position: relative; left: -7px; }
#contents02 .inner-Box ul li {position: relative;background: #1A1A1A;padding: 14px 40px 15px 77px;margin-bottom: 20px;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 21px;left: 29px;}
#contents02 .inner-Box span.ch img {  }
#contents02 .inner-Box p.ltext {font-size: 21px;line-height: 1.94;font-weight: 700;letter-spacing: 1.05px;position: relative;color: #fff;}
#contents02 .inner-Box p.ltext span {color: #FFE200;}
#contents02 .inner-Box figure.photo {position: absolute;top: 385px;left: 50%;margin-left: -441px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box figure.img {position: relative;top: 0;left: -46px;z-index: 3;}
#contents02 .inner-Box figure.img img{  }

#content03 {margin: 0 auto;position: relative;background: url('../images/index/content03-back01.png')no-repeat top center;padding: 182px 0 0;}
#content03 h2 {text-align: center;margin: 0 0 11px -10px;}
#content03 h2 span{  }
#content03 h2 img {  }
#content03 p.subttl {font-size: 18px;line-height: 1.94;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 37px;position: relative;text-align: center;}
#content03 .inner-Box {margin: 0 auto;position: relative;padding: 0 40px 119px;max-width: 1529px;}
#content03 .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: -30px;}
#content03 .inner-Box ul li {position: relative;width: 30.7%;margin-right: 3.8%;margin-bottom: 117px;}
#content03 .inner-Box ul li:nth-child(2) { top: 60px; }
#content03 .inner-Box ul li:nth-child(4) {margin-right: 56px;margin-left: 250px;}
#content03 .inner-Box ul li:nth-child(5) {top: 60px;}
#content03 .inner-Box ul li:nth-child(3n) {margin-right: 0px;top: 120px;}
#content03 .inner-Box ul li a {  }
#content03 .inner-Box ul li a:hover {  }
#content03 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 32px;}
#content03 .inner-Box figure.img img{width: 100%;height: auto;}
#content03 .inner-Box h3 {font-size: 20px;line-height: 1.4;font-weight: 700;letter-spacing: 1px;margin: 0 25px 15px;position: relative;}
#content03 .inner-Box p.litext {font-size: 15px;line-height: 1.73;font-weight: 400;letter-spacing: 0.75px;margin: 0 25px 30px;position: relative;}
#content03 .inner-Box .morebtn a .arr{top: 22px;}

#contents04 {margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')no-repeat bottom center #EDEFF2;padding: 97px 0 107px;}
#contents04 .inner-Box {margin: 0 auto 161px;position: relative;width: 1200px;}
#contents04 .inner-Box h2.f-en {font-size: 38px;line-height: 1.4;font-weight: 700;letter-spacing: 1.9px;margin-bottom: 14px;position: relative;text-align: center;}
#contents04 .inner-Box p.subtext {font-size: 18px;line-height: 1.94;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 40px;position: relative;text-align: center;}
#contents04 p.btn {text-align: center;}
#contents04 p.btn img {  }

#works .system-list{margin-bottom: 0px;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: 270px;margin-right: 40px;position: relative;margin-bottom: 40px;background: #fff;padding-bottom: 10px;min-height: 340px;}
#works .system-list li:nth-child(4n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-text{font-size: 13px;margin-bottom: 14px;line-height: 1.4;color: #666;margin-top: 24px;padding: 0 20px;}
#works .system-date::before{}
#works .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#works .system-ttl-01{font-size: 16px;margin-bottom: 10px;font-weight: 400;line-height: 1.4;letter-spacing: 0.8px;padding: 0 20px;}
#works .system-category { margin-top: 11px; margin-bottom: 5px; }
#works .system-category span{background: #506289;display: inline-block;padding: 2px 10px;color: #fff;margin: 0 5px 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;}
#contents04 .inner-Box .morebtn a .arr{top: 22px;}

#contents05 {margin: 0 auto;position: relative;background: url('../images/index/contents05-back01.png')no-repeat top center;text-align: center;color: #fff;}
#contents05 .inner-Box {margin: 0 auto;position: relative;padding: 91px 0 95px;}
#contents05 .inner-Box h2 {margin: 0 0 34px -12px;}
#contents05 .inner-Box h2 span{  }
#contents05 .inner-Box h2 img {  }
#contents05 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: -37px;}
#contents05 .inner-Box figure.img img{  }
#contents05 .inner-Box p.text {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 40px;position: relative;}
#contents05 .inner-Box .morebtn a .arr{top: 22px;}

#contents06 {margin: 0 auto;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top 126px center #E2E5EA;padding: 97px 0 1px;}
#contents06 .inner-Box {margin: 0 auto 129px;position: relative;}
#contents06 .inner-Box h2.f-en {font-size: 38px;line-height: 1.4;font-weight: 700;letter-spacing: 1.9px;margin-bottom: 31px;position: relative;text-align: center;}
#contents06 .inner-Box p.subtext {font-size: 18px;line-height: 1.94;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 48px;position: relative;text-align: center;}
#contents06 p.btn {text-align: center;}
#contents06 p.btn img {  }

#voice .system-list{margin-bottom: 50px;}
#voice .system-list li{ line-height: 1.4; width: 860px; margin: 0 25px; box-shadow: 0px 30px 30px #0000001A;
    height: 300px; background: #fff; position: relative; padding: 30px;}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%;}
#voice .system-pic{width: 340px;position: absolute;top: 30px;left: 30px;}
#voice .system-pic img{ width: 100%; height: 240px; }
#voice .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#voice .system-date::before{ content: "■"; }
#voice .system-name{font-size: 13px;margin-bottom: 20px;line-height: 1.4;display: inline-block;background: #506289;color: #fff;padding: 6px 16px;}
#voice .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#voice .system-ttl-01{font-weight: 400;letter-spacing: 0px;font-size: 19px;margin-bottom: 20px;line-height: 1.74;}
#voice .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#voice .system-category-set { margin-bottom: 15px; margin-top: -15px;}
#voice .system-category{ margin-bottom: 1px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc;}
#voice .serchcategory{ margin-bottom: 100px;}
#voice .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#voice .prev-arrow{ position: absolute; z-index: 3; left: 50%; margin-left: -500px; top: 100px; }
#voice .next-arrow{position: absolute;z-index: 3;left: 50%;margin-left: 460px;top: 100px;transform: scale(-1, 1);}
#voice .num-inner{margin-left: 360px;padding-top: 11px;height: 230px;position: relative;}
#voice .more{text-align: right;width: 420px;border-bottom: 1px solid #333;position: absolute;bottom: 0;padding: 0 7px 11px 0;}
#voice .morebtn a .arr{top: 22px;}

#contents07 {margin: 0 auto;position: relative;background: url('../images/index/contents07-back01.png')no-repeat top center;padding: 110px;}
#contents07 .inner-Box {margin: 0 auto;position: relative;width: 800px;height: 220px;background: #fff;text-align: center;padding: 10px;}
#contents07 .inBox {margin: 0 auto;position: relative;border: 1px solid #E2E5EA;height: 200px;padding: 39px 0 0;}
#contents07 .inBox a::before{content: "more -";position: absolute;bottom: 10px;right: 18px;font-size: 16px;}
#contents07 .inBox h2 {font-size: 24px;line-height: 1.4;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 35px;position: relative;color: #233356;}
#contents07 .inBox h2::before{ content: ""; display: block; width: 40px; height: 2px; background: #233356; position: absolute; bottom: -17px; left: 50%; margin-left: -20px; }
#contents07 .inBox p.text {font-size: 16px;line-height: 1.63;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents08 {margin: 0 auto 130px;position: relative;background: url('../images/index/contents08-back01.png')no-repeat top center;padding: 106px 0 0;}
#contents08 .inner-Box1 {margin: 0 auto 168px;position: relative;max-width: 1678px;padding: 0 40px;}
#contents08 .inner-Box1 h2.f-en {font-size: 150px;line-height: 1.4;font-weight: 600;letter-spacing: 0px;margin-bottom: 13px;position: relative;color: #fff;left: -9px;}
#contents08 .inner-Box1 h3 {font-size: 24px;line-height: 1.88;font-weight: 700;letter-spacing: 1.2px;margin-bottom: 37px;position: relative;}
#contents08 .inner-Box1 figure.photo {position: absolute;top: -36px;right: -121px;width: 46.88vw;max-width: 900px;}
#contents08 .inner-Box1 figure.photo img{ width: 100%; height: auto; }
#contents08 .inner-Box1 p.text {font-size: 16px;line-height: 2.38;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 37px;position: relative;width: 700px;}
#contents08 .inner-Box2 {margin: 0 auto;position: relative;width: 1200px;padding: 0 0 0 330px;}
#contents08 .inner-Box2 h4.f-en {font-size: 38px;line-height: 1.4;font-weight: 700;letter-spacing: 1.9px;margin-bottom: 0px;position: absolute;left: 0;top: 14px;}
#contents08 .inner-Box2 h5 {font-size: 16px;line-height: 1.4;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 0px;position: absolute;top: 78px;left: 0;}
#contents08 .inner-Box2 .btn0{position: absolute;top: 145px;left: 0;}
#contents08 .inner-Box2 .btn0 a{width: 200px;border-radius: 0;border: none;background: none;box-shadow: none;border-bottom: 1px solid #333;height: 66px;text-align: left;padding-left: 17px;}
#contents08 .inner-Box2 .btn0 a span.arr{top: 18px;right: 20px;}

#contents08 .btn01{width: 320px;padding-top: 37px;margin-bottom: -80px;}
#contents08 .btn01 a{width: 320px;text-align: left;padding-left: 46px;}
#contents08 .btn02{width: 320px;margin-left: 360px;}
#contents08 .btn02 a{width: 320px;text-align: left;padding-left: 46px;}
#contents08 .morebtn a .arr{top: 22px;}


#blog .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;}
#blog .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 20px;padding: 20px;width: 270px;border: #EDEFF2 15px solid;margin-right: 30px;min-height: 330px;}
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-list li:nth-child(3n){ margin-right: 0}

#blog .system-list .system-pic {}

#blog .system-list .textbx{}
#blog .system-list .system-day{margin-bottom: 8px;font-size: 14px;line-height: 1.4;color: #959595;}
#blog .system-list .system-day::before{  }
#blog .system-list .system-ttl-01{font-size: 15px;line-height: 1.6;letter-spacing: 0.75px;margin-bottom: 10px;font-weight: 400;}
#blog .system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}

#contents09 {margin: 0 auto;position: relative;background: url('../images/index/contents09-back01.png')no-repeat top center;padding-bottom: 1px; background-size: cover;}
#contents09 .inner-Box {margin: 0 auto;position: relative;padding: 0 40px;max-width: 1480px;}
#contents09 .inBox {margin: 0 auto 50px 0;position: relative;width: 700px;height: 460px;background: #fff;border-top: #E2E5EA 10px solid;top: -30px;box-shadow: 0px 30px 30px #0000001A;padding: 40px 70px;}
#contents09 .inBox h2 {font-size: 18px;line-height: 1.4;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 27px;position: relative;border-bottom: #9CA5B5 1px solid;padding: 0 0 7px 4px;}
#contents09 .inBox h2 span.f-en {font-size: 32px;letter-spacing: 1.6px;display: inline-block;padding-right: 20px;}
#contents09 .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;}
#contents09 .inBox ul li { position: relative; }
#contents09 .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contents09 .inBox p.ltext {font-size: 15px;line-height: 1.67;font-weight: 400;letter-spacing: 0.75px;margin-bottom: 24px;position: relative;padding-left: 100px;}
#contents09 .inBox p.ltext span {color: #808080;position: absolute;top: 0;left: 3px;}


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

#contentsmain .inner-Box figure.img01 {margin-left: 387px;}
}


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

#contents08 .inner-Box1 figure.photo {right: 0;}
#contents08 .inner-Box1 p.text {width: 580px;}




}
@media screen and (max-width: 767px) {
 
#contentsmain {margin: 0vw auto 19.3vw auto;position: relative;background: url('../images/index/sp-contentsmain-back01.png')repeat-x top center #233356;animation: scrollBg 60s linear infinite;background-size: auto 65.22vw;}
@keyframes scrollBg {
    0% {
        background-position: 444.44vw 0; /* 右端から開始 */
    }
    100% {
        background-position: 0 0;      /* 左端に到達 */
    }
    }
#contentsmain .inner-Box {background: url('../images/index/sp-contentsmain-back02.png')repeat-x bottom center;animation: scrollBg2 60s linear infinite;background-size: auto 65.22vw;height: 130.5vw;}
@keyframes scrollBg2 {
    0% {
        background-position: -333.33vw bottom; /* 右端から開始 */
    }
    100% {
        background-position: 0 bottom;      /* 左端に到達 */
    }
    }
#contentsmain .inner-Box h2 {text-align: center;padding: 35.16vw 0 0;margin: 0 -4.5vw 9.4vw;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box figure.img02 {position: absolute;bottom: -19.21vw;left: 0;margin-left: 0vw;}
#contentsmain .inner-Box figure.img02 img{  }
#contentsmain .inner-Box figure.img01 {position: relative;top: 5.31vw;left: 0;margin-left: 29vw;margin-right: 2.4vw;}
#contentsmain .inner-Box figure.img01 img{  }
#contentsmain .inner-Box figure.photo {position: absolute;bottom: 0;left: 2.2vw;margin-left: 0vw;width: 20.53vw;}
#contentsmain .inner-Box figure.photo img{  }

#contentsmain .inner-Box2 {display: none;}

#contents01 {position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat bottom center #EDEFF2;padding: 3.71vw 0 12.92vw;background-size: 100% auto;}
#contents01 .inner-Box {position: relative;}
#contents01 .inner-Box p.subttl {font-size: 3.38vw;line-height: 1.64;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 12.85vw;position: relative;text-align: center;}
#contents01 .inner-Box h2 {text-align: center;position: relative;left: 0vw;margin: 0 8.8vw -0.8vw 4vw;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box p.subtext {font-size: 3.62vw;line-height: 1.73;font-weight: 500;letter-spacing: 0.18vw;margin-bottom: 3.46vw;position: relative;text-align: center;}
#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;margin: 0 4.1vw -1.01vw;}
#contents01 .inner-Box ul li {box-shadow: 0.0vw 7.25vw 7.25vw #0000001A;margin-bottom: 4.8vw;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 .inner-Box ul li figure {  }
#contents01 .inner-Box ul li a {  }
#contents01 .inner-Box ul li a:hover {  }
#contents01 .inner-Box p.text {font-size: 2.90vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 5.18vw;position: relative;text-align: right;margin-right: 4.2vw;}
#contents01 .inner-Box p.morebtn { font-size: 3.86vw; line-height: 1.94; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
#contents01 .inner-Box p.morebtn a {}
#contents01 .inner-Box p.morebtn a:hover {  }

#contents02 {margin: 0 auto -15.3vw;position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top center;padding: 11.55vw 0 0;background-size: 100% auto;}
#contents02 .inner-Box {position: relative;}
#contents02 .inner-Box h2 {margin: 0 26.3vw 6.9vw;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box ul{margin: 0 4.2vw 3.89vw;position: relative;left: 0vw;}
#contents02 .inner-Box ul li {position: relative;background: #1A1A1A;padding: 4.38vw 9.66vw 3.62vw 14.8vw;margin-bottom: 3.73vw;}
#contents02 .inner-Box ul li:nth-child(6) span.ch, #contents02 .inner-Box ul li:nth-child(5) span.ch{ top: 9vw; }
#contents02 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 5.07vw;left: 4.7vw;width: 8vw;}
#contents02 .inner-Box span.ch img {  }
#contents02 .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.94;font-weight: 700;letter-spacing: 0.25vw;position: relative;color: #fff;}
#contents02 .inner-Box p.ltext span {color: #FFE200;}
#contents02 .inner-Box figure.photo {position: relative;margin: 0 33.4vw -5.8vw 28.7vw;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box figure.img {position: relative;top: 0;left: 0vw;z-index: 3;}
#contents02 .inner-Box figure.img img{  }

#content03 {position: relative;background: url('../images/index/sp-content03-back01.png')no-repeat top center;background-size: 100% auto;padding: 22.3vw 0 23.1vw;}
#content03 h2 {text-align: center;margin: 0 3.9vw 5.66vw;}
#content03 h2 span{  }
#content03 h2 img {  }
#content03 p.subttl {font-size: 3.62vw;line-height: 1.73;font-weight: 500;letter-spacing: 0.18vw;margin-bottom: 4.74vw;position: relative;text-align: center;}
#content03 .inner-Box {position: relative;}
#content03 .inner-Box ul{margin: 0 6.4vw -0.7vw 5.9vw;}
#content03 .inner-Box ul li {position: relative;margin-bottom: 13.26vw;}
#content03 .inner-Box ul li a {  }
#content03 .inner-Box ul li a:hover {  }
#content03 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 4.53vw;}
#content03 .inner-Box figure.img img{width: 100%;height: auto;}
#content03 .inner-Box h3 {font-size: 4.35vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.24vw;margin: 0 2.84vw 2.52vw;position: relative;}
#content03 .inner-Box p.litext {font-size: 3.14vw;line-height: 1.69;font-weight: 400;letter-spacing: 0.16vw;margin: 0 3.04vw 7.25vw;position: relative;}
#content03 .inner-Box .morebtn a .arr{top: 3.31vw;}

#contents04 {position: relative;background: url('../images/index/sp-contents04-back01.png')no-repeat bottom center #EDEFF2;padding: 17.03vw 0 19.65vw;background-size: 100% auto;}
#contents04 .inner-Box {margin: 0 auto 18.99vw;position: relative;}
#contents04 .inner-Box h2.f-en {font-size: 7.25vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.46vw;margin-bottom: 2.58vw;position: relative;text-align: center;}
#contents04 .inner-Box p.subtext {font-size: 3.62vw;line-height: 1.94;font-weight: 500;letter-spacing: 0.22vw;margin-bottom: 6.76vw;position: relative;text-align: center;}
#contents04 p.btn {text-align: center;margin: 0 6.6vw;}
#contents04 p.btn img {  }

#works .system-list{margin-bottom: 0.0vw;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;margin: 0 3vw 5vw;}
#works .system-list li{line-height: 1.4;margin-right: 2%;position: relative;margin-bottom: 2.42vw;background: #fff;padding-bottom: 2.42vw;width: 49%;}
#works .system-list li:nth-child(2n){ margin-right: 0}

#works .system-list li:nth-child(5),
#works .system-list li:nth-child(6),
#works .system-list li:nth-child(7),
#works .system-list li:nth-child(8){ display: none;}

#works .system-list li a:hover{ text-decoration: none; }
#works .system-text{font-size: 2.90vw;margin-bottom: 1.38vw;line-height: 1.4;color: #666;margin-top: 1.1vw;padding: 0 3.33vw;}
#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: 3.38vw;margin-bottom: 2.42vw;font-weight: 400;line-height: 1.4;letter-spacing: 0.19vw;padding: 0 3.43vw;}
#works .system-category { margin-top: 2.66vw; margin-bottom: 1.21vw; }
#works .system-category span{background: #506289;display: inline-block;padding: 0.48vw 2.42vw;color: #fff;margin: 0 1.21vw 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;}
#contents04 .inner-Box .morebtn a .arr{top: 3.81vw;}

#contents05 {position: relative;background: url('../images/index/sp-contents05-back01.png')no-repeat top center;text-align: center;color: #fff;background-size: 100% auto;}
#contents05 .inner-Box {position: relative;padding: 14.78vw 0 46.95vw;}
#contents05 .inner-Box h2 {margin: 0 6.3vw 2.4vw;}
#contents05 .inner-Box h2 span{  }
#contents05 .inner-Box h2 img {  }
#contents05 .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 -6.7vw -8vw;}
#contents05 .inner-Box figure.img img{  }
#contents05 .inner-Box p.text {font-size: 3.38vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.19vw;margin: 0 6.5vw 9.66vw;position: relative;text-align: left;}
#contents05 .inner-Box .morebtn a .arr{top: 3.81vw;}

#contents06 {position: relative;background: url('../images/index/sp-contents06-back01.png')no-repeat top 19.43vw center #E2E5EA;padding: 14.33vw 0 0.24vw;background-size: 91.79vw auto;}
#contents06 .inner-Box {margin: 0 auto 17.16vw;position: relative;}
#contents06 .inner-Box h2.f-en {font-size: 7.25vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.46vw;margin-bottom: 4.79vw;position: relative;text-align: center;}
#contents06 .inner-Box p.subtext {font-size: 3.62vw;line-height: 1.84;font-weight: 500;letter-spacing: 0.22vw;margin-bottom: 6.79vw;position: relative;text-align: center;}
#contents06 p.btn {text-align: center;}
#contents06 p.btn img {  }

#voice .system-list{padding-bottom: 8vw;margin-bottom: -7vw;}
#voice .system-list li{
    line-height: 1.4;
    box-shadow: 0.0vw 7.25vw 7.25vw #0000001A;
    width: 77.29vw;
    background: #fff;
    position: relative;
    padding: 4.85vw;
    margin: 0 2vw 11vw;
    }
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.38vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%;}
#voice .system-pic{position: relative;margin-bottom: 2.90vw;}
#voice .system-pic img{ width: 100%; height: 57.97vw; }
#voice .system-date{ font-size: 3.38vw; margin-bottom: 2.42vw; line-height: 1.4; }
#voice .system-date::before{ content: "■"; }
#voice .system-name{font-size: 3.14vw;margin-bottom: 2.23vw;line-height: 1.4;display: inline-block;background: #506289;color: #fff;padding: 1.45vw 3.86vw;}
#voice .system-coment{ font-size: 3.38vw; margin-bottom: 1.21vw; line-height: 1.4; }
#voice .system-ttl-01{font-weight: 400;letter-spacing: 0.0vw;font-size: 3.86vw;margin-bottom: 4.83vw;line-height: 1.74;height: 17.3vw;}
#voice .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#voice .system-category-set { margin-bottom: 3.62vw; margin-top: 0vw;}
#voice .system-category{ margin-bottom: 0.24vw; font-size: 3.38vw; font-weight: bold; color: #fff; text-align: center; padding: 1.93vw; background-color: #ccc;}
#voice .serchcategory{ margin-bottom: 24.15vw;}
#voice .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; }
#voice .prev-arrow{ position: absolute; z-index: 3; left: 50%; margin-left: 0vw; top: 24.15vw; }
#voice .next-arrow{position: absolute;z-index: 3;left: 50%;margin-left: 0vw;top: 24.15vw;transform: scale(-1, 1);}
#voice .num-inner{position: relative;}
#voice .more{text-align: right;border-bottom: 0.24vw solid #333;position: relative;bottom: 0;padding: 0 1.89vw 2.46vw 0;font-size: 2.90vw;letter-spacing: 0.14vw;}

#contents07 {position: relative;background: url('../images/index/sp-contents07-back01.png')no-repeat top center;padding: 14.47vw 6.47vw;background-size: 100% auto;}
#contents07 .inner-Box {position: relative;height: 60.04vw;background: #fff;text-align: center;padding: 2.42vw;}
#contents07 .inBox {position: relative;border: 0.24vw solid #E2E5EA;height: 55.31vw;padding: 8.22vw 0 0;}
#contents07 .inBox a::before{content: "more -";position: absolute;bottom: 1.42vw;right: 3.05vw;font-size: 3.16vw;}
#contents07 .inBox h2 {font-size: 4.59vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 8.25vw;position: relative;color: #233356;}
#contents07 .inBox h2::before{content: "";display: block;width: 9.66vw;height: 0.48vw;background: #233356;position: absolute;bottom: -4.2vw;left: 50%;margin-left: -5vw;}
#contents07 .inBox p.text {font-size: 3.38vw;line-height: 1.63;font-weight: 400;letter-spacing: 0.19vw;margin: 0 7.4vw 7.25vw;position: relative;text-align: left;}

#contents08 {margin: 0 auto 19vw;position: relative;background: url('../images/index/sp-contents08-back01.png')no-repeat top center;padding: 14.9vw 0 0;background-size: 100% auto;}
#contents08 .inner-Box1 {margin: 0 auto 19.18vw;position: relative;padding: 0 6.46vw;}
#contents08 .inner-Box1 h2.f-en {font-size: 15.46vw;line-height: 1.4;font-weight: 600;letter-spacing: 0.0vw;margin-bottom: 1.64vw;position: relative;color: #fff;left: 0vw;text-align: center;}
#contents08 .inner-Box1 h3 {font-size: 4.35vw;line-height: 1.88;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 8.44vw;position: relative;text-align: center;left: 1.2vw;}
#contents08 .inner-Box1 figure.photo {position: relative;top: 0vw;right: 0vw;margin-bottom: 4.2vw;}
#contents08 .inner-Box1 figure.photo img{ width: 100%; height: auto; }
#contents08 .inner-Box1 p.text {font-size: 3.38vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 5.94vw;position: relative;}
#contents08 .inner-Box2 {margin: 0 2.8vw;position: relative;}
#contents08 .inner-Box2 h4.f-en {font-size: 7.25vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.46vw;margin-bottom: 2.1vw;text-align: center;}
#contents08 .inner-Box2 h5 {font-size: 3.62vw;line-height: 1.4;font-weight: 500;letter-spacing: 0.18vw;margin-bottom: 6.9vw;text-align: center;}
#contents08 .inner-Box2 .btn0{
    margin: 0vw 4vw;
}
#contents08 .inner-Box2 .btn0 a span.arr{top: 4.35vw;right: 4.83vw;}

#contents08 .btn01{padding-top: 5.14vw;margin-bottom: 0vw;margin: 0 0 -17.6vw -1.2vw;}
#contents08 .btn01 a{text-align: left;padding-left: 5.11vw;width: 43.4vw;padding-top: 5.1vw;}
#contents08 .btn02{margin-left: 44.86vw;}
#contents08 .btn02 a{text-align: left;padding-left: 5.51vw;width: 43.2vw;padding-top: 5.1vw;}
#contents08 .morebtn a .arr{top: 3.81vw;}


#blog .system-list{margin-bottom: 5.88vw;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;}
#blog .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 2.33vw;padding: 2.23vw;border: #EDEFF2 2.42vw solid;width: 100%;position: relative;height: 31.2vw;}
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-list li:nth-child(3n){ margin-right: 0}

#blog .system-list .system-pic { width: 31.5vw; position: absolute; top: 2.2vw; left: 2.3vw; }
#blog .system-list .textbx{ margin-left: 36vw; padding-top: 2.2vw; }
#blog .system-list .system-day{margin-bottom: -0.07vw;font-size: 3.38vw;line-height: 1.4;color: #959595;}
#blog .system-list .system-day::before{  }
#blog .system-list .system-ttl-01{font-size: 3.62vw;line-height: 1.6;letter-spacing: 0.18vw;margin-bottom: 2.42vw;font-weight: 400;}
#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;}

#contents09 {position: relative;background: url('../images/index/sp-contents09-back01.png')no-repeat bottom center;padding-bottom: 0.24vw;background-size: 100% auto;}
#contents09 .inner-Box {margin: 0 2.8vw;position: relative;padding-bottom: 55.5vw;}
#contents09 .inBox {margin: 0 auto 12.08vw 0;position: relative;height: 99.03vw;background: #fff;border-top: #E2E5EA 2.42vw solid;top: 0vw;box-shadow: 0.0vw 7.25vw 7.25vw #0000001A;padding: 6.46vw 4.81vw;}
#contents09 .inBox h2 {font-size: 3.86vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 4.32vw;position: relative;border-bottom: #9CA5B5 0.24vw solid;padding: 0 0 1.99vw 0.97vw;}
#contents09 .inBox h2 span.f-en {font-size: 6.28vw;letter-spacing: 0.31vw;display: inline-block;padding-right: 2.33vw;}
#contents09 .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;}
#contents09 .inBox ul li { position: relative; }
#contents09 .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents09 .inBox p.ltext {font-size: 2.90vw;line-height: 1.67;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 5.5vw;position: relative;padding-left: 16.25vw;}
#contents09 .inBox p.ltext span {color: #808080;position: absolute;top: 0;left: 0.02vw;font-size: 3.14vw;}


}