@charset "UTF-8";


@media screen and (min-width: 768px),print {  
.side-fix{ display: none;}
body{ background: url(../images/index/common-back01.jpg)no-repeat; background-size: cover; background-attachment: fixed;}
#contentsend{ background: none;}
.inback{background: #fff;padding-bottom: 1px;}

#contentsmain {margin: 0 auto;position: relative;background: url('../images/index/contentsmain-back02.png')repeat-x top center;padding: 308px 0 0;animation: bgScroll 70s linear infinite;max-width: 1920px;}
#contentsmain .inner-Box2{margin: 0 auto;position: relative;background: url('../images/index/contentsmain-back03.png')repeat-x bottom center;animation: bgScroll2 65s linear infinite;padding-bottom: 325px;}
#contentsmain .inner-Box{margin: 0 auto;position: relative;background: url('../images/index/contentsmain-back01.png')repeat-x top center;height: 138px;animation: bgScroll2 40s linear infinite;}
@keyframes bgScroll { 0% { background-position: 0 0; } 100% { background-position: 2389px 0; } }
@keyframes bgScroll2 { 0% { background-position: 0 bottom; } 100% { background-position: -2388px bottom; } }
@keyframes bgScroll3 { 0% { background-position: 0 0; } 100% { background-position: -2133px 0; } }

#contents00 {margin: 0 auto 120px;position: relative;width: 1200px;padding: 27px 0 0;}
#contents00 .inner-Box {margin: 0 auto;position: relative;padding: 0 0 0 394px;}
#contents00 .inner-Box p.text {font-size: 12px;line-height: 1.88;font-weight: 400;letter-spacing: 0.3px;margin-bottom: 30px;text-decoration: underline;position: absolute;top: 4px;: 0;left: 0px;}
#contents00 .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;}
#contents00 .inner-Box ul li {position: relative;margin-right: 49.8px;}
#contents00 .inner-Box ul li:nth-child(7) {margin-right: 0;}
#contents00 .inner-Box ul li a {  }
#contents00 .inner-Box ul li a:hover {  }
#contents00 .inner-Box p.ltext {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.4px;position: relative;}

#information {margin: 0 auto 155px;position: relative;width: 1200px;}
#information .inner-Box {margin: 0 auto;position: relative;padding: 0 0 0 250px;}
#information .inner-Box h2 {font-size: 20px;line-height: 1.38;font-weight: 500;letter-spacing: 0.5px;margin-bottom: 0px;position: absolute;top: 12px;left: -1px;}
#information .inner-Box h2::before{content: "";display: block;width: 1px;height: 90px;background: #000;position: absolute;top: -10px;right: -122px;}
#information .system-list{padding: 1px;margin-bottom: 50px;padding: 14px 120px 0 30px;}
#information .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 19px;padding: 0 0 0px;position: relative;}
#information .system-list li a:hover{ text-decoration: none; }
#information .system-list .system-date{font-size: 16px;line-height: 1.4;margin-bottom: 9px;color: #808080;position: absolute;top: 2px;left: 90px;}
#information .system-list .system-date::before{content: "";display: block;width: 20px;height: 1px;background: #808080;position: absolute;top: 10px;left: -30px;}
#information .system-list .system-ttl-01{font-size: 15px;letter-spacing: 0;line-height: 1.6;display: block;width: 100%;padding: 0 0 0 216px;}
#information .system-list .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

#contents01 {margin: 0 auto 170px;position: relative;width: 1200px;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box h2 {position: relative;left: -101px;margin-bottom: 30px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box figure.img {position: absolute;top: -46px;left: 50%;margin-left: 410px;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box p.text {font-size: 17px;line-height: 2.53;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;left: -2px;}

#contents02 {margin: 0 auto 194px;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;}
#contents02 .inner-Box {margin: 0 auto 190px;position: relative;text-align: center;padding: 209px 0 0;}
#contents02 .inner-Box h2 {margin-bottom: 52px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box p.text {font-size: 22px;line-height: 3;font-weight: 700;letter-spacing: 1.1px;margin-bottom: 68px;position: relative;color: #fff;}
#contents02 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 1200px;margin: 0 auto;}
#contents02 .inner-Box ul li {margin-right: 30px;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box ul li figure {  }
#contents02 .inner-Box ul li a {  }
#contents02 .inner-Box ul li a:hover {  }
#contents02 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;text-align: center;}
#contents02 .inner-Box2 p.btn {margin-bottom: 16px;}
#contents02 .inner-Box2 p.btn img {  }
#contents02 .inner-Box2 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 1px;margin-bottom: 30px;position: relative;}

#contents03 {margin: 0 auto 60px;position: relative;}
#contents03 .inner-Box {margin: 0 auto 79px;position: relative;width: 1250px;padding: 12px 0 0 567px;}
#contents03 .inner-Box h2 {position: absolute;top: 0;left: 0;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .inner-Box p.text {font-size: 17px;line-height: 2.28;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contents03 .inner-Box p.morebtn { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents03 .inner-Box p.morebtn a {  }
#contents03 .inner-Box p.morebtn a:hover {  }
#contents03 .inner-Box2{margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png')repeat-x top center;animation: bgScroll4 50s linear infinite;padding: 101px 0 0 17.2vw;}
@keyframes bgScroll4 { 0% { background-position: 0 0; } 100% { background-position: -3961px 0; } }

#contents03 .inner-Box2 ul.works-slide {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents03 .inner-Box2 ul li {position: relative;width: 580px;margin-right: 100px;border-bottom: #333333 1px solid;}
#contents03 .inner-Box2 ul li a {  }
#contents03 .inner-Box2 ul li a:hover {  }
#contents03 .inner-Box2 figure.img {position: relative;top: 0;left: 0;}
#contents03 .inner-Box2 figure.img img{  }
#contents03 .inner-Box2 p.ltext {color: #808080;font-size: 15px;line-height: 1.73;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;padding: 12px 186px 1px 5px;min-height: 120px;}
#contents03 .inner-Box2 figure.photo {position: absolute;bottom: 0;right: 0;}
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 .prev-arrow{position: absolute;top: -60px;left: 0;z-index: 3;}
#contents03 .inner-Box2 .next-arrow{position: absolute;top: -60px;left: 60px;z-index: 3;transform: scale(-1, 1);}

#contents04 {margin: 0 auto;position: relative;background: #F2F2F2;padding-bottom: 70px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;padding: 84px 0 0;width: 1000px;}
#contents04 .inner-Box h2 {font-size: 20px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 40px;position: relative;text-align: center;}
#contents04 .inner-Box h2 span.f-en {font-size: 60px;display: block;font-weight: 600;letter-spacing: 0px;}
#contents04 .inner-Box ul { margin: 0 0 44px; }
#contents04 .inner-Box ul li {position: relative;width: 250px;margin: 0 1px;}
#contents04 .inner-Box ul li a {  }
#contents04 .inner-Box ul li a:hover {  }
#contents04 .inner-Box figure.img { position: relative; top: 0; left: 0; }
#contents04 .inner-Box figure.img img{  }
#contents04 .inner-Box p.litext {font-size: 17px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin: 0 -10px 0px;position: relative;text-align: center;}
#contents04 .prev-arrow{position: absolute;top: 84px;left: 50%;z-index: 3;margin: 0 0 0 -630px;}
#contents04 .next-arrow{position: absolute;top: 84px;left: 50%;z-index: 3;transform: scale(-1, 1);margin-left: 570px;}
#contents04 p.morebtn { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents04 p.morebtn a {margin: 0 auto;}

#contents05 {margin: 0 auto 129px;position: relative;padding: 106px 0 0;}
#contents05 h2 {font-size: 40px;line-height: 1.38;font-weight: 600;letter-spacing: 0px;margin-bottom: 20px;position: relative;text-align: center;}
#contents05 p.subttl {font-size: 20px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 95px;position: relative;text-align: center;}
#contents05 .inner-Box {margin: 0 auto;position: relative;max-width: 1560px;display: flex;align-items: flex-start;flex-direction: row; /* ←ここだけ変える */}
#contents05 .inner-Box h2 {position: sticky;top: 0;left: 0;width: 47.5%;}
#contents05 .inner-Box h2 span{  }
#contents05 .inner-Box h2 img {width: 100%;height: auto;}
#contents05 .inBox {position: relative;padding-left: 79px;width: 52%;}
#contents05 .inBox h3 {font-size: 20px;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: 0px;position: relative;padding: 22px 0 24px;border-top: #333 4px solid;border-bottom: #333 1px solid;margin-bottom: 39px;}
#contents05 .inBox h3 span.f-en {font-size: 20px;letter-spacing: 0.5px;display: inline-block;padding: 0 26px 0 7px;}
#contents05 .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;}
#contents05 .inBox ul li {position: relative;border-bottom: #333 1px solid;padding-bottom: 30px;margin-bottom: 39px;}
#contents05 .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contents05 .inBox ul li a {  }
#contents05 .inBox ul li a:hover {  }
#contents05 .inBox figure.img {position: relative;top: 0;left: 0;}
#contents05 .inBox figure.img img{width: 100%;height: auto;}
#contents05 .inBox figure.photo {position: absolute;bottom: 55px;left: 0;}
#contents05 .inBox figure.photo img{  }
#contents05 .inBox p.ltext {padding: 22px 0 0 80px;font-size: 15px;line-height: 1.73;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;color: #808080;}

#staff {margin: 0 auto;position: relative;background: url('../images/index/contents06-back01.png')no-repeat bottom center;}
#staff .inner-Box {margin: 0 auto;position: relative;width: 1080px;padding-bottom: 50px;}
#staff .inner-Box h2 {font-size: 20px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 47px;position: relative;text-align: center;}
#staff .inner-Box h2 span.f-en {font-size: 60px;display: block;font-weight: 600;letter-spacing: 0px;}

#staff .system-list{margin-bottom: 11px;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;}
#staff .system-list li{line-height: 1.4;width: 29.6%;margin-right: 5.6%;background: #fff;position: relative;margin-bottom: 40px;}
#staff .system-list li:nth-child(3n){ margin-right: 0}
#staff .system-list li a:hover{ text-decoration: none; }

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

#staff .system-list li .system-job{font-size: 15px;letter-spacing: 1.5px;margin-bottom: 5px;line-height: 1.4;}
#staff .system-list li .system-fu{font-size: 13px;margin-bottom: 5px;line-height: 1.4;text-align: center;letter-spacing: 0px;position: absolute;bottom: 10px;color: #808080;}
#staff .system-list li .system-name{ font-size: 16px; margin-bottom: 30px; line-height: 1.4; text-align: center; font-weight: bold;}
#staff .system-list li .system-ttl{font-size: 20px;font-weight: 500;letter-spacing: 0px;margin-bottom: 6px;}

#staff .system-list li .inbox{padding: 21px;position: relative;min-height: 150px;}
#staff .system-list li .inbox .no{position: absolute;top: 8px;right: 17px;color: #F2F2F2;font-size: 34px;letter-spacing: 0;font-weight: 600;}
#staff .system-list li .inbox .arr{position: absolute;bottom: 20px;right: 20px;}
#staff p.morebtn { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#staff p.morebtn a {margin: 0 auto;}

#contentsseo {margin: 0 auto;position: relative;background: url('../images/index/contentsseo-back01.png')no-repeat top center;padding-bottom: 60px;}
#contentsseo .inner-Box {margin: 0 auto;position: relative;width: 1000px;padding: 95px 0 0;}
#contentsseo .inner-Box h2 {position: absolute;top: 87px;right: 15px;}
#contentsseo .inner-Box h2 span{  }
#contentsseo .inner-Box h2 img {  }
#contentsseo .inner-Box h3 {font-size: 20px;line-height: 1.38;font-weight: 500;letter-spacing: 1px;margin-bottom: 34px;position: relative;color: #fff;}
#contentsseo .inner-Box p.text {font-size: 14px;line-height: 2.07;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;color: #B3B3B3;}


}

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

#contents01 {margin: 0 auto 170px;position: relative;width: 1200px;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box h2 {left: -20px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box figure.img {margin-left: 210px;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box p.text {font-size: 17px;line-height: 2.53;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;left: -2px;}

}



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


    #contentsmain {position: relative;margin: 2.3vw 0 0;background: url('../images/index/contentsmain-back02.png')repeat-x top center;padding: 33.4vw 0 0;animation: bgScroll 70s linear infinite;background-size: auto 48vw;}
    #contentsmain .inner-Box2{position: relative;background: url('../images/index/contentsmain-back03.png')repeat-x bottom center;animation: bgScroll2 65s linear infinite;padding-bottom: 46vw;background-size: auto 47.9vw;}
    #contentsmain .inner-Box{position: relative;background: url('../images/index/contentsmain-back01.png')repeat-x top center;height: 33.33vw;animation: bgScroll2 40s linear infinite;background-size: auto 24vw;}
    @keyframes bgScroll { 0% { background-position: 0 0; } 100% { background-position: 576.81vw 0; } }
    @keyframes bgScroll2 { 0% { background-position: 0 bottom; } 100% { background-position: -515.22vw bottom; } }
    @keyframes bgScroll3 { 0% { background-position: 0 0; } 100% { background-position: -577.05vw 0; } }
    
    #contents00 {margin: 0 auto 11.59vw;position: relative;padding: 2.92vw 0 0;}
    #contents00 .inner-Box {margin: 0 4vw;position: relative;}
    #contents00 .inner-Box p.text {font-size: 2.9vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.07vw;margin-bottom: 7.25vw;text-decoration: underline;: 0;text-align: center;}
    #contents00 .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;display: none;}
    #contents00 .inner-Box ul li {position: relative;margin-right: 12.03vw;}
    #contents00 .inner-Box ul li:nth-child(7) {margin-right: 0;}
    #contents00 .inner-Box ul li a {  }
    #contents00 .inner-Box ul li a:hover {  }
    #contents00 .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.1vw;position: relative;}
    
    #information {margin: 0 auto 17.34vw;position: relative;}
    #information .inner-Box {margin: 0 6.4vw;position: relative;}
    #information .inner-Box h2 {font-size: 4.83vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.12vw;margin-bottom: 3vw;}
    #information .inner-Box h2::before{display: block;width: 0.24vw;height: 21.74vw;background: #000;position: absolute;top: 0vw;right: 0vw;}
    #information .system-list{padding: 0.24vw;margin-bottom: 12.08vw;}
    #information .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 3.89vw;padding: 0 0 0.0vw;position: relative;}
    #information .system-list li a:hover{ text-decoration: none; }
    #information .system-list .system-date{font-size: 3.86vw;line-height: 1.4;margin-bottom: 2.17vw;color: #808080;position: absolute;top: 0.48vw;left: 7.84vw;}
    #information .system-list .system-date::before{content: "";display: block;width: 4.83vw;height: 0.24vw;background: #808080;position: absolute;top: 2.42vw;left: -7vw;}
    #information .system-list .system-ttl-01{font-size: 3.14vw;letter-spacing: 0;line-height: 1.69;display: block;width: 100%;padding: 6.2vw 0 0 8vw;}
    #information .system-list .system-ttl-01 span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    
    #contents01 {margin: 0 auto 23.26vw;position: relative;}
    #contents01 .inner-Box {position: relative;}
    #contents01 .inner-Box h2 {position: relative;left: 0vw;padding-top: 0.5vw;margin: 0 31vw 1.35vw 0vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box h2 img {  }
    #contents01 .inner-Box figure.img {position: absolute;top: -5vw;right: 0vw;width: 28.6vw;}
    #contents01 .inner-Box figure.img img{  }
    #contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 2.4;font-weight: 500;letter-spacing: 0.0vw;margin: 0 0 7.25vw 6.7vw;position: relative;left: 0vw;}
    
    #contents02 {margin: 0 auto 21.86vw;position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top center;background-size: 100% auto;}
    #contents02 .inner-Box {margin: 0 auto 32.89vw;position: relative;text-align: center;padding: 21.18vw 0 0;}
    #contents02 .inner-Box h2 {margin: 0 5.3vw 57.56vw;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box h2 img {  }
    #contents02 .inner-Box p.text {font-size: 4.11vw;line-height: 1.94;font-weight: 500;letter-spacing: 0vw;margin: 0 6.7vw 12.23vw;position: relative;color: #fff;text-align: left;}
    #contents02 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 6.7vw;}
    #contents02 .inner-Box ul li {margin-bottom: 4.75vw;}
    #contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents02 .inner-Box ul li figure {  }
    #contents02 .inner-Box ul li a {  }
    #contents02 .inner-Box ul li a:hover {  }
    #contents02 .inner-Box2 {margin: 0 4vw;position: relative;text-align: center;}
    #contents02 .inner-Box2 p.btn {margin-bottom: 6.46vw;}
    #contents02 .inner-Box2 p.btn img {  }
    #contents02 .inner-Box2 p.text {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.25vw;position: relative;}
    
    #contents03 {margin: 0 auto 10.09vw;position: relative;}
    #contents03 .inner-Box {margin: 0 auto 7.08vw;position: relative;padding: 2.9vw 0 0 0vw;}
    #contents03 .inner-Box h2 {position: relative;top: 0;left: 0;margin: 0 22.1vw 3.5vw 22.7vw;}
    #contents03 .inner-Box h2 span{  }
    #contents03 .inner-Box h2 img {  }
    #contents03 .inner-Box p.text {font-size: 3.38vw;line-height: 1.86;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;text-align: center;}
    #contents03 .inner-Box p.morebtn { font-size: 3.86vw; line-height: 1.88; font-weight: 500; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    #contents03 .inner-Box p.morebtn a {  }
    #contents03 .inner-Box p.morebtn a:hover {  }
    #contents03 .inner-Box2{position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;animation: bgScroll4 50s linear infinite;padding: 9.5vw 4.1vw;background-size: auto 14.78vw;}
    @keyframes bgScroll4 { 0% { background-position: 0 0; } 100% { background-position: -956.76vw 0; } }
    
    #contents03 .inner-Box2 ul.works-slide {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: 1.7vw;}
    #contents03 .inner-Box2 ul li {position: relative;margin-bottom: 12.15vw;border-bottom: #333333 0.24vw solid;}
    #contents03 .inner-Box2 ul li a {  }
    #contents03 .inner-Box2 ul li a:hover {  }
    #contents03 .inner-Box2 figure.img {position: relative;top: 0;left: 0;margin-bottom: 1.6vw;}
    #contents03 .inner-Box2 figure.img img{  }
    #contents03 .inner-Box2 p.ltext {color: #808080;font-size: 3.14vw;line-height: 1.69;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.55vw;position: relative;padding: 0 32vw 0 0;}
    #contents03 .inner-Box2 figure.photo {position: absolute;bottom: 0;right: -4.2vw;width: 36vw;}
    #contents03 .inner-Box2 figure.photo img{  }
    #contents03 .inner-Box2 .prev-arrow{position: absolute;top: 0vw;left: 0;z-index: 3;}
    #contents03 .inner-Box2 .next-arrow{position: absolute;top: 0vw;left: 14.49vw;z-index: 3;transform: scale(-1, 1);}
    
    #contents04 {position: relative;background: #F2F2F2;padding-bottom: 19.21vw;}
    #contents04 .inner-Box {position: relative;padding: 12.19vw 0 0;}
    #contents04 .inner-Box h2 {font-size: 3.86vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 3.66vw;position: relative;text-align: center;}
    #contents04 .inner-Box h2 span.f-en {font-size: 9.66vw;display: block;font-weight: 600;letter-spacing: 0.0vw;margin-bottom: 1.1vw;}
    #contents04 .inner-Box ul {margin: 0 0 9.33vw;}
    #contents04 .inner-Box ul li {position: relative;margin: 0 0.24vw;width: 53.56vw;}
    #contents04 .inner-Box ul li a {  }
    #contents04 .inner-Box ul li a:hover {  }
    #contents04 .inner-Box figure.img { position: relative; top: 0; left: 0; }
    #contents04 .inner-Box figure.img img{  }
    #contents04 .inner-Box p.litext {font-size: 3.62vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin: 0 0vw 0.0vw;position: relative;text-align: center;}
    #contents04 .prev-arrow{position: absolute;top: 20.79vw;left: 5vw;z-index: 3;margin: 0 0 0 0vw;width: 14.7vw;}
    #contents04 .next-arrow{position: absolute;top: 20.89vw;right: 4.5vw;z-index: 3;transform: scale(-1, 1);margin-left: 0vw;width: 14.7vw;}
    #contents04 p.morebtn {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;margin: 0 2.8vw;}
    #contents04 p.morebtn a {margin: 0 4vw;padding-left: 8vw;text-align: left;}
    
    #contents05 {margin: 0 auto 8.96vw;position: relative;padding: 16.7vw 0 0;}
    #contents05 h2 {font-size: 5.80vw;line-height: 1.38;font-weight: 600;letter-spacing: 0.0vw;margin-bottom: 4.83vw;position: relative;text-align: center;}
    #contents05 p.subttl {font-size: 3.14vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 8.45vw;position: relative;text-align: center;}
    #contents05 .inner-Box {position: relative; /* ←ここだけ変える */}
    #contents05 .inner-Box h2 {
    margin-bottom: 9.6vw;
}
    #contents05 .inner-Box h2 span{  }
    #contents05 .inner-Box h2 img {width: 100%;height: auto;}
    #contents05 .inBox {position: relative;margin: 0 4vw;}
    #contents05 .inBox h3 {font-size: 3.86vw;line-height: 1.38;font-weight: 500;letter-spacing: 0;position: relative;padding: 5.31vw 0 4.2vw;border-top: #333 0.97vw solid;border-bottom: #333 0.24vw solid;margin-bottom: 4.72vw;}
    #contents05 .inBox h3 span.f-en {font-size: 4.83vw;letter-spacing: 0.12vw;display: inline-block;padding: 0 4.28vw 0 1.69vw;}
    #contents05 .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;}
    #contents05 .inBox ul li {position: relative;border-bottom: #333 0.24vw solid;padding-bottom: 7.25vw;margin-bottom: 9.42vw;}
    #contents05 .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents05 .inBox ul li a {  }
    #contents05 .inBox ul li a:hover {  }
    #contents05 .inBox figure.img {position: relative;top: 0;left: 0;margin-bottom: -2vw;}
    #contents05 .inBox figure.img img{width: 100%;height: auto;}
    #contents05 .inBox figure.photo {position: absolute;top: 47vw;left: 0;width: 14.8vw;}
    #contents05 .inBox figure.photo img{  }
    #contents05 .inBox p.ltext {padding: 5.31vw 0 0 19.32vw;font-size: 3.14vw;line-height: 1.69;font-weight: 400;letter-spacing: 0vw;margin-bottom: -0.25vw;position: relative;color: #808080;}
    
    #staff {position: relative;background: url('../images/index/sp-contents06-back01.png')no-repeat bottom center;background-size: 100% auto;}
    #staff .inner-Box {position: relative;padding-bottom: 22.28vw;}
    #staff .inner-Box h2 {font-size: 3.86vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 9.55vw;position: relative;text-align: center;}
    #staff .inner-Box h2 span.f-en {font-size: 9.66vw;display: block;font-weight: 600;letter-spacing: 0.0vw;margin-bottom: 1.2vw;}
    
    #staff .system-list{margin-bottom: -5.64vw;}
    #staff .system-list li{line-height: 1.4;width:67.63vw;margin: 0 2.42vw;background: #fff;position: relative;margin-bottom: 9.66vw;}
    #staff .system-list li a:hover{ text-decoration: none; }
    
    #staff .system-pic {width: 100%;aspect-ratio: 16 / 11;overflow: hidden;text-align: center;position: relative;}
    #staff .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
    
    #staff .system-list li .system-job{font-size: 3.14vw;letter-spacing: 0.36vw;margin-bottom: 1.21vw;line-height: 1.4;}
    #staff .system-list li .system-fu{font-size: 3.14vw;margin-bottom: 1.21vw;line-height: 1.4;text-align: center;letter-spacing: 0.0vw;position: absolute;bottom: 2.42vw;color: #808080;}
    #staff .system-list li .system-name{ font-size: 3.86vw; margin-bottom: 7.25vw; line-height: 1.4; text-align: center; font-weight: bold;}
    #staff .system-list li .system-ttl{font-size: 4.35vw;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 1.45vw;}
    
    #staff .system-list li .inbox{min-height: 27vw;padding: 3.07vw;position: relative;}
    #staff .system-list li .inbox .no{position: absolute;top: 0.83vw;right: 4.11vw;color: #F2F2F2;font-size: 8.21vw;letter-spacing: 0;font-weight: 600;}
    #staff .system-list li .inbox .arr{width: 4.6vw;position: absolute;bottom: 4.83vw;right: 3.23vw;}
    #staff p.morebtn {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;margin: 0 2.7vw;}
    #staff p.morebtn a {margin: 0 4vw;}
    
    #contentsseo {position: relative;background: url('../images/index/sp-contentsseo-back01.png')no-repeat top center;padding-bottom: 15.79vw;background-size: 100% auto;}
    #contentsseo .inner-Box {margin: 0 4vw;position: relative;padding: 16.95vw 0 0;}
    #contentsseo .inner-Box h2 {position: relative;margin: 0 34vw 3vw 33vw;}
    #contentsseo .inner-Box h2 span{  }
    #contentsseo .inner-Box h2 img {  }
    #contentsseo .inner-Box h3 {font-size: 4.11vw;line-height: 1.98;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 3.21vw;position: relative;color: #fff;text-align: center;}
    #contentsseo .inner-Box p.text {font-size: 2.90vw;line-height: 1.92;font-weight: 400;letter-spacing: 0.0vw;margin: 0 1.3vw 5.25vw;position: relative;color: #B3B3B3;}
    








}