@charset "UTF-8";

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

body{ background: url(../images/index/body-back.jpg)no-repeat top center; background-attachment: fixed; background-size: cover;}

header{position: absolute;background: none;z-index: 1001;max-width: 1920px;margin: 0 auto;left: 0;right: 0;}
header .h-logo{padding-top: 10px;}
header .pc-menu{ display: none; }
.side-fix{ display: none;}

#loading{width: 100vw;height: 100vh;position: fixed;z-index: 999;}
#loading .loading-text{width: 176px;position: absolute;top: 320px;left: 0;right: 0;margin: 0 auto;}
#loading .loading-text img{width: 100%;height: auto;}
#loading ul{width: 100vw;height: 100vh;position: relative;}
#loading ul li{width: 100vw;height: 100vh;background-image: url("../images/index/loading-bg.png");background-repeat: repeat;background-position: top center;position: absolute;top: 0;left: 0;}
#loading ul li img{display: block; width: auto;height: 100vh;margin: 0 auto;}
#contentsmain.reveal {animation: holeExpand 1.5s ease-in forwards;z-index: 1000;}
@keyframes holeExpand {
  0% {
    clip-path: circle(0% at 50% 50%);
  }
  100% {
    clip-path: circle(150% at 50% 50%);
  }
}
.fadeanimation {
  animation: fadeOut 0.7s forwards;
}

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}
	
	
	
#contentsmain { margin: 0 auto; position: relative; }
#contentsmain .inner-Box { margin: 0 auto; position: relative; max-width: 1920px;}
#contentsmain .inner-Box h2 {position: absolute;top: 16.8vw;left: 7vw;z-index: 3;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {width: 33.85vw;height: auto;}
#contentsmain .inner-Box ul{height: 100vh; width: 100%;}
#contentsmain .inner-Box ul li { position: relative; height: 100vh; width: 100%;}
	#contentsmain .inner-Box ul li:nth-child(1){background-image: url("../images/index/contentsmain-photo01.png");background-repeat: no-repeat;background-position: top center;}
	#contentsmain .inner-Box ul li:nth-child(2){background-image: url("../images/index/contentsmain-photo02.png");background-repeat: no-repeat;background-position: top center;}
	#contentsmain .inner-Box ul li:nth-child(3){background-image: url("../images/index/contentsmain-photo03.png");background-repeat: no-repeat;background-position: top center;}
#contentsmain .inner-Box ul li:nth-child(3n){}
#contentsmain .inner-Box ul li img{height: 100vh!important;width: auto!important;margin: 0 auto;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;bottom: 38px;left: 50%;transform: translateX(-50%);}
#contentsmain .inner-Box span.icon img {  }

#contents01 {margin: 0 auto 221px;position: relative;padding-top: 216px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;padding: 0 30px;text-align: center;}
#contents01 .inner-Box h2 {margin-bottom: 90px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {width: 100%;max-width: 1319px;}
#contents01 .inner-Box p.text {font-size: 22px;line-height: 2.36;font-weight: 500;letter-spacing: 1.1px;margin-bottom: 52px;position: relative;}
#contents01 .inner-Box h3 {padding-top: 21px;position: relative;left: -16px;margin-bottom: 92px;}
#contents01 .inner-Box h3 span{  }
#contents01 .inner-Box h3 img {  }
#contents01 .inner-Box p.morebtn2 { position: relative; margin: 0 auto; width: 1220px; }
#contents01 .inner-Box p.morebtn2 a {  }
#contents01 .inner-Box p.morebtn2 a:hover {  }
#contents01 .inner-Box p.morebtn2 a .arr {  }
#contents01 .inner-Box .morebtn2::before{content: "";display: block;background: #000;width: 910px;height: 1px;position: absolute;left: 10px;top: 20px;}

#contents02 { margin: 0 auto; position: relative; background: url('../images/index/contents02-back01.png')no-repeat top center; }
#contents02 .inner-Box{margin: 0 auto;position: relative;background: url('../images/index/contents02-back02.png')repeat-x top 360px center;padding: 0 30px;height: 1020px; animation: slide-left 60s linear infinite;}
@keyframes slide-left {
    0% { background-position: 0 360px; }
    100% { background-position: -2127px 360px; }
  }
#contents02 .inner-Box .inBox{max-width: 1600px;margin: 0 auto;}
#contents02 .inner-Box h2 { position: relative; top: 480px; z-index: 3; margin-bottom: -71px; }
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box ul.works-slide {width: 460px;margin: 0 auto -635px;}
#contents02 .inner-Box ul li { position: relative; }
#contents02 .inner-Box figure.photo {  }
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box .textBox{color: #fff;margin: 0 0 0 auto;width: 32%;}
#contents02 .inner-Box h3 {font-size: 28px;line-height: 1.93;font-weight: 500;letter-spacing: 0px;margin-bottom: 35px;position: relative;}
#contents02 .inner-Box p.text {font-size: 17px;line-height: 2.24;font-weight: 500;letter-spacing: 0px;margin-bottom: 37px;position: relative;max-width: 510px;}
#contents02 .inner-Box p.morebtn2 {position: relative;margin: 0 auto;padding-top: 39px;}
#contents02 .inner-Box p.morebtn2 a {color: #fff;width: 320px;}
#contents02 .inner-Box p.morebtn2 a:hover {  }
#contents02 .inner-Box p.morebtn2 a .arr {right: 0;}

#contents03 {margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;padding: 129px 0 0;}
#contents03 h2 {text-align: center;margin-bottom: 26px;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 p.text {font-size: 18px;line-height: 2.18;font-weight: 500;letter-spacing: 0px;margin-bottom: 268px;position: relative;text-align: center;color: #fff;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 980px;padding-bottom: 180px;}
#contents03 .inner-Box h3 {padding: 0 0 31px 10px;}
#contents03 .inner-Box h3 span{  }
#contents03 .inner-Box h3 img {  }
#contents03 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents03 .inner-Box ul li {position: relative;margin: 0 10px 10px 0;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contents03 .inner-Box figure.img img{  }

#voice {margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center;padding-bottom: 90px;}
#voice .inner-Box{margin: 0 auto;position: relative;background: url('../images/index/contents04-back02.png')no-repeat bottom center #fff;max-width: 1400px;box-shadow: 0px 30px 30px #00000029;top: -82px;padding-bottom: 93px;}
#voice .inner-Box h2 {text-align: center;padding: 61px 0 55px;}
#voice .inner-Box h2 span{  }
#voice .inner-Box h2 img {  }

#voice .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;max-width: 1160px;margin: 0 auto -37px;}
#voice .system-list li{line-height: 1.4;width: 320px;margin-right: 100px;position: relative;margin-bottom: 40px;}
#voice .system-list li:nth-child(3n){ margin-right: 0}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-pic {width: 100%;aspect-ratio: 4 / 5;overflow: hidden;text-align: center;position: relative;}
#voice .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#voice .system-list li .ssttl{font-size: 21px;font-weight: 700;letter-spacing: 0;position: absolute;top: 260px;left: -20px;}
#voice .system-list li .ssttl span.ttlin{background: #fff;display: inline-block;padding: 10px 17px;}
#voice .system-list li .ssttl span.ttlin2{background: #fff;display: inline-block;padding: 10px 17px;}
#voice .system-list li .system-job{font-size: 15px;letter-spacing: 1.5px;margin-bottom: 5px;line-height: 1.4;}
#voice .system-list li .system-fu{font-size: 14px;margin-bottom: 5px;line-height: 1.4;text-align: center;letter-spacing: 0.7px;color: #808080;}
#voice .system-list li .system-fu2{font-size: 25px;margin-bottom: 5px;line-height: 1.4;text-align: center;letter-spacing: 0;color: #fff;}
#voice .system-list li .system-name{ font-size: 16px; margin-bottom: 30px; line-height: 1.4; text-align: center; font-weight: bold;}
#voice .system-list li .inbox{padding: 20px 0px;min-height: 80px;}
#voice .system-list li .inbox .no{position: absolute;top: 41px;right: -57px;color: #727272;font-size: 11px;letter-spacing: 0;font-weight: 500;transform: rotate(90deg);transform-origin: center;}
#voice .system-list li .inbox .arr{position: absolute;bottom: 0;right: 20px;}
#voice .system-contents .ssttl{font-size: 24px;font-weight: 700;letter-spacing: 0;width: 350px;margin-bottom: 20px;}
#voice .system-contents .ssttl span.ttlin{background: #0A3A72;display: inline-block;padding: 10px 25px;color: #fff;margin-bottom: 3px;}
#voice .system-contents .ssttl span.ttlin2{background: #0A3A72;display: inline-block;padding: 10px 25px;color: #fff;}
#voice .inner-Box p.morebtn2 {position: relative;margin: 0 auto;padding-top: 39px;padding-right: 60px;}
#voice .inner-Box p.morebtn2 a {color: #fff;width: 400px;margin: 0 auto;}
#voice .inner-Box p.morebtn2 a:hover {  }
#voice .inner-Box p.morebtn2 a .arr {right: 0;}

#contents05 {margin: 0 auto;position: relative;background: url('../images/index/contents05-back01.png')no-repeat top center;padding-bottom: 70px;}
#contents05 .inner-Box {margin: 0 auto 138px;position: relative;width: 1200px;}
#contents05 .inner-Box h2 {position: relative;top: -66px;left: 5px;margin-bottom: 50px;}
#contents05 .inner-Box h2 span{  }
#contents05 .inner-Box h2 img {  }
#contents05 .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: 840px;margin: 0 auto 54px;}
#contents05 .inner-Box ul li {position: relative;margin-right: 170px;}
#contents05 .inner-Box ul li:nth-child(1) {}
#contents05 .inner-Box ul li:nth-child(2) { margin-right: 135px; top: -80px; }
#contents05 .inner-Box ul li:nth-child(3) {margin-right: 0px;right: -20px;top: -160px;}
#contents05 .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contents05 .inner-Box figure.img img{  }
#contents05 .inner-Box p.text {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;text-align: center;}
#contents05 .inner-Box2 {margin: 0 auto;position: relative;text-align: center;}
#contents05 .inner-Box2 .btn {  }
#contents05 .inner-Box2 .btn img {  }
#contents05 .inner-Box2 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;padding-top: 24px;}
#contents05 .inner-Box2 p.morebtn2 {position: relative;margin: 0 auto 154px;padding-top: 39px;padding-right: 60px;}
#contents05 .inner-Box2 p.morebtn2 a {width: 400px;margin: 0 auto;}
#contents05 .inner-Box2 p.morebtn2 a:hover {  }
#contents05 .inner-Box2 p.morebtn2 a .arr {right: 0;}

#topics{background: #fff;padding-bottom: 10px;}
#topics .inner-Box{width: 1200px;margin: 0 auto;}
#topics .inner-Box h2{text-align: center;padding: 103px 0 45px;}
#topics .system-list{padding: 1px;margin-bottom: -5px;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;}
#topics .system-list li{overflow: hidden;line-height: 1.4;width: 31.6%;margin-right: 2.6%;margin-bottom: 20px;padding: 0 0 20px;position: relative;}
#topics .system-list li:nth-child(3n){ margin-right: 0}
#topics .system-list li a:hover{ text-decoration: none; }
#topics .system-list li .system-pic {width: 100%;aspect-ratio: 16 / 11.8;overflow: hidden;text-align: center;position: relative;margin-bottom: 16px;}
#topics .system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#topics .system-list li .system-fu{font-size: 12px;line-height: 1.42;letter-spacing: 0.6px;color: #666666;font-weight: 400;}

#topics .system-list .system-date{font-size: 16px;letter-spacing: 0;line-height: 1.4;margin-bottom: 9px;color: #FC6100;position: relative;}
#topics .system-list .system-date::before{content: "";display: block;width: 20px;height: 1px;background: #808080;position: absolute;top: 10px;left: -30px;}
#topics .system-list .system-ttl-01{font-size: 16px;line-height: 1.75;display: block;width: 100%;font-weight: 400;margin-bottom: 13px;}
#topics .system-list p.morebtn2 {position: relative;margin: 0 auto 154px;padding-top: 39px;padding-right: 60px;}
#topics .system-list p.morebtn2 a {width: 400px;margin: 0 auto;}
#topics .system-list p.morebtn2 a:hover {  }
#topics .system-list p.morebtn2 a .arr {right: 0;}
#topics p.morebtn2 {position: relative;margin: 0px auto 108px;padding-top: 39px;padding-right: 60px;}
#topics p.morebtn2 a {width: 440px;margin: 0 auto;}
#topics p.morebtn2 a:hover {  }
#topics p.morebtn2 a .arr {right: 0;}

#recruit {margin: 0 auto;position: relative;background: url('../images/index/contents07-back01.png')repeat top center;padding: 129px 0 175px;}
#recruit h2 {text-align: center;position: relative;left: 1px;margin-bottom: 55px;}
#recruit h2 span{  }
#recruit h2 img {  }
#recruit .inner-Box {margin: 0 auto -3px;position: relative;width: 1040px;}
#recruit .inner-Box2 {margin: 0 auto;position: relative;text-align: center;}
#recruit .inner-Box2 div.btn {  }
#recruit .inner-Box2 div.btn img {  }
#recruit .inner-Box2 p.bntext {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;padding-top: 14px;}

#recruit #recruitcate{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: 160px;}
#recruit #recruitcate .inner-Box{width: 32%;margin-right: 1%;background: #F2F2F2;padding: 20px;}
#recruit #recruitcate .inner-Box:nth-child(3){ }
#recruit #recruitcate .inner-Box h2{background: #1560A0;padding: 7px;color: #fff;margin-bottom: 20px;}
#recruit #recruitcate .inner-Box li{ border-bottom: 1px dotted #333; padding-bottom: 10px; margin-bottom: 10px;}
#recruit .cate{margin-bottom: 7px;}
#recruit .cate span{color: #fff;font-size: 12px;padding: 2px 21px;}
#recruit .cate01{ display: inline-block; background: #FC6100; }
#recruit .cate02{ display: inline-block; background: #0A3A72; }

#recruit table{width: 100%;}
#recruit table th{border: 1px solid #CCCCCC;text-align: left;padding: 10px;background: #F2F2F2;font-size: 12px;color: #666666;width: 99px;}
#recruit table td{border: 1px solid #CCCCCC;font-size: 12px;color: #666666;letter-spacing: 0.6px;padding: 12px;}
#recruit .morebbtn{font-size: 18px;text-align: center;width: 980px;height: 60px;background: #0A3A72;position: absolute;bottom: 30px;color: #fff;text-decoration: underline;padding-top: 15px;}
#recruit .morebbtn .arr{position: absolute;top: 10px;right: 359px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
#recruit .morebbtn .arr img{width: 24px;}

#recruit .reclistbox{margin-bottom: 30px;padding: 30px 31px 100px;position: relative;background: #fff;}
#recruit .reclistbox .picbox{width: 320px;float: left;position: relative;}
#recruit .reclistbox .picbox .cate{position: absolute;top: 0;left: 0;}
#recruit .reclistbox .picbox .cate span{display: inline-block;background: #135084;color: #fff;padding: 9px 12px;margin-right: 9px;}
#recruit .reclistbox .system-pic{width: 100%;/* height: 360px; */overflow: hidden;text-align: center;margin-bottom: 15px;}
#recruit .reclistbox .system-pic img{width: 100%;height: 240px;}
#recruit .reclistbox .recinbox{width: 638px;float: left;margin-left: 20px;}
#recruit .reclistbox .recinbox .scate{margin-bottom: 10px;}
#recruit .reclistbox .recinbox .scate span{background: #F2F2F2;display: inline-block;padding: 4px 14px;margin: 0 10px 6px 0;}
#recruit .reclistbox .recinbox .system-ttl{font-size: 20px;letter-spacing: 0px;margin-bottom: 57px;line-height: 1.6;font-weight: bold;}
#recruit .reclistbox .recinbox .system-ttl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#recruit .reclistbox .system-tag {margin-bottom: 10px;}
#recruit .reclistbox .system-tag span{display: inline-block;text-align: center;border: solid 1px #EBBB1A;color: #EBBB1A;padding: 0 11px;margin: 0 10px 5px 0px;}
#recruit .reclistbox .system-text{position: relative;font-size: 16px;margin-bottom: 9px;padding: 0 0 0 100px;}
#recruit .reclistbox .system-text .tttl{position: absolute;top: 0;left: 0;color: #135084;}

#recruit .recsystem-tag {margin-bottom: 10px;margin-bottom: 50px;}
#recruit .recsystem-tag span{display: inline-block;text-align: center;border: solid 1px #EBBB1A;color: #EBBB1A;padding: 2px 20px;margin: 0 10px 6px 0px;}
#recruit .recttl{background: #F2F2F2;padding: 16px;text-align: center;margin-bottom: 20px;font-size: 27px;}

#recruit p.morebtn2 {position: relative;margin: -22px auto 108px;padding-top: 39px;margin-left: 30px;}
#recruit p.morebtn2 a {width: 330px;margin: 0 auto;}
#recruit p.morebtn2 a:hover {  }
#recruit p.morebtn2 a .arr {right: 0;}

#contents08 {margin: 0 auto;position: relative;color: #FFf;background: #0A3A72;padding-bottom: 99px;}
#contents08 .inner-Box {margin: 0 auto 159px;position: relative;padding-right: 55.1vw;padding-left: 5.2vw;padding-top: 4.7vw;}
#contents08 .inner-Box h2.f-en {font-size: 60px;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: 57px;position: relative;text-align: center;}
#contents08 .inner-Box h3.f-en {font-size: 24px;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: 17px;position: relative;padding-left: 7px;}
#contents08 .inner-Box iframe{height: 330px;width: 100%;margin-bottom: 12px;}
#contents08 .inner-Box h4 {font-size: 20px;line-height: 1.38;font-weight: 700;letter-spacing: 0px;margin-bottom: 9px;position: relative;padding-left: 8px;}
#contents08 .inner-Box a{ color: #9396AC; }
#contents08 .inner-Box p.text1 {font-size: 15px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 56px;position: relative;color: #CCCCCC;padding-left: 6px;}
#contents08 .inner-Box p.text1 a {display: inline-block;padding-left: 17px;position: relative;text-decoration: underline;}
#contents08 .inner-Box p.text1 a:hover {  }
#contents08 .inner-Box span.blank {position: relative;display: inline-block;line-height: 1;top: 3px;left: 8px;}
#contents08 .inner-Box span.blank img {  }
#contents08 .inBox {margin: 0 auto 30px;position: relative;border-top: #fff dotted 1px;border-bottom: #fff dotted 1px;padding: 29px 0 16px 171px;}
#contents08 .inBox h3.f-en {line-height: 1.38;font-weight: 500;margin-bottom: 0px;left: 0;position: absolute;}
#contents08 .inBox p.cname {font-size: 18px;line-height: 1.88;font-weight: 500;letter-spacing: 0;margin-bottom: 0px;position: relative;}
#contents08 .inBox p.cname a{ color:#fff; }
#contents08 .inBox p.ctext {font-size: 15px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 25px;position: relative;}
#contents08 .inBox p.ctext a {display: inline-block;padding-left: 10px;}
#contents08 .inBox p.ctext a:hover {  }
#contents08 p.morebtn2 {position: relative;margin: -22px auto 108px;padding-top: 39px;margin-left: 30px;}
#contents08 p.morebtn2 a {width: auto;margin: 0 auto;text-align: right;padding-right: 96px;color: #fff;}
#contents08 p.morebtn2 a:hover {  }
#contents08 p.morebtn2 a .arr {right: 0;}


#contents08 figure.photo {position: absolute;top: -50px;right: 0;}
#contents08 figure.photo img{width: 50vw;height: auto;}
#contents08 .inner-Box2 {margin: 0 auto;position: relative;}
#contents08 .inner-Box2 h2 {font-size: 26px;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: 49px;position: relative;text-align: center;}
#contents08 .inner-Box2 ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 1400px;margin: 0 auto;padding: 0 0px;position: relative;}
#contents08 .inner-Box2 ul li { z-index: 4;}
#contents08 .inner-Box2 ul li:nth-child(1) {width: 47.1%;}
#contents08 .inner-Box2 ul li:nth-child(2) {width: 47.1%;position: absolute;right: 0;}
#contents08 .inner-Box2 ul li:nth-child(3) {width: 47.1%;position: absolute;bottom: 0;right: 0;}
#contents08 .inner-Box2 ul li figure img{ width: 100%; height: auto; }
#contents08 .inner-Box2 ul li a {  }
#contents08 .inner-Box2 ul li a:hover {  }
#contents08 .inner-Box2 span.en {display: block;line-height: 1;position: absolute;top: -150px;right: 52px;}
#contents08 .inner-Box2 span.en img {  }

#contents09 {margin: 0 auto;position: relative;background: url('../images/index/contents09-back01.png')no-repeat top center;color: #9396AC;padding: 70px 0;}
#contents09 .inner-Box {margin: 0 auto;position: relative;width: 994px;}
#contents09 .inner-Box h2 {font-size: 18px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 21px;position: relative;}
#contents09 .inner-Box p.text {font-size: 13px;line-height: 1.77;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}



}

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

    #contents02 .inner-Box ul.works-slide {left: -70px;}
    #contents02 .inner-Box h2 img {  }


}

@media screen and (max-width: 767px) {
    header{position: absolute;background: none;z-index: 1001;}
    header .h-logo{padding-top: 2.42vw;}
    header .pc-menu{ display: none; }
    .side-fix{ display: none;}
    
#loading{width: 100vw;height: 100vh;position: fixed;z-index: 999;}
#loading .loading-text{width: 45vw;position: absolute;top: 54vh;left: 0;right: 0;margin: 0 auto;}
#loading .loading-text img{width: 100%;height: auto;}
#loading ul{width: 100vw;height: 100vh;position: relative;}
#loading ul li{width: 100vw;height: 100vh;background-image: url("../images/index/loading-bg.png");background-repeat: repeat;background-position: top center;position: absolute;top: 0;left: 0;}
#loading ul li img{display: block; width: 100%;height: auto;margin: 0 auto;}
#contentsmain.reveal {animation: holeExpand 1.5s ease-in forwards;z-index: 1000;}
@keyframes holeExpand {
  0% {
    clip-path: circle(0% at 50% 50%);
  }
  100% {
    clip-path: circle(150% at 50% 50%);
  }
}
.fadeanimation {
  animation: fadeOut 0.7s forwards;
}
@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}
	.sp-header .h-menu{opacity: 0;transition: 0.3s;}
	.sp-header .h-menu.menufadeanimation{opacity: 1;transition: 0.3s;}
	.sp-fix-list{opacity: 0;transition: 0.3s;}
	.sp-fix-list.menufadeanimation{opacity: 1;transition: 0.3s;}
	
    #contentsmain {position: relative;margin-bottom: -3vw;}
    #contentsmain .inner-Box {position: relative;}
    #contentsmain .inner-Box h2 {position: absolute;top: 92.3vw;left: 6.2vw;z-index: 3;width: 79.8vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {height: auto;}
    #contentsmain .inner-Box ul{}
    #contentsmain .inner-Box ul li{position: relative;height: 100vh;widows: 100vw;}
	#contentsmain .inner-Box ul li:nth-child(1){background-image: url("../images/index/sp-contentsmain-photo01.png");background-repeat: no-repeat;background-position: top center;background-size: 133%;}
	#contentsmain .inner-Box ul li:nth-child(2){background-image: url("../images/index/sp-contentsmain-photo02.png");background-repeat: no-repeat;background-position: top center;background-size: 133%;}
	#contentsmain .inner-Box ul li:nth-child(3){background-image: url("../images/index/sp-contentsmain-photo03.png");background-repeat: no-repeat;background-position: top center;background-size: 133%;}
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;}
    #contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
    #contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;bottom: 4.98vw;left: 50%;transform: translateX(-50%);width: 12vw;}
    #contentsmain .inner-Box span.icon img {  }
    
    #contents01 {background: url(../images/index/sp-contents01-back01.png)no-repeat top center;background-size: 100% auto;margin: 0 auto;position: relative;padding-top: 25.67vw;}
    #contents01 .inner-Box {position: relative;padding: 0 4.25vw 29vw;text-align: center;}
    #contents01 .inner-Box h2 {margin-bottom: 10.44vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box h2 img {width: 100%;}
    #contents01 .inner-Box p.text {text-align: center;font-size: 4.11vw;line-height: 2.41;font-weight: 500;letter-spacing: 0vw;margin: 0 -8vw 9.76vw;position: relative;}
    #contents01 .inner-Box h3 {padding-top: 0.97vw;position: relative;left: 0vw;margin: 0 2.2vw 14.92vw;}
    #contents01 .inner-Box h3 span{  }
    #contents01 .inner-Box h3 img {  }
    #contents01 .inner-Box p.morebtn2 { position: relative; margin: 0 4vw;  }
    #contents01 .inner-Box p.morebtn2 a {margin-left: 31vw;}
    #contents01 .inner-Box p.morebtn2 a:hover {  }
    #contents01 .inner-Box p.morebtn2 a .arr {  }
    #contents01 .inner-Box .morebtn2::before{content: "";display: block;background: #000;width: 0vw;height: 0.24vw;position: absolute;left: -1.78vw;top: 3.13vw;width: 40vw;}
    
    #contents02 {position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top center;background-size: 100% auto;}
    #contents02 .inner-Box{position: relative;background: url('../images/index/contents02-back02.png')repeat-x top 86.96vw center;padding: 0 5.35vw 33.7vw;animation: slide-left 60s linear infinite;background-size: auto 57.73vw;}
    @keyframes slide-left {
        0% { background-position: 0 86.96vw; }
        100% { background-position: 0vw 86.96vw; }
      }
    #contents02 .inner-Box .inBox{padding: 38vw 0 0;}
    #contents02 .inner-Box h2 {position: absolute;top: 20.7vw;z-index: 3;margin-bottom: 0vw;width: 70.5vw;left: 4.9vw;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box ul.works-slide {margin: 0 16.9vw 15.6vw;}
    #contents02 .inner-Box ul li {position: relative;}
    #contents02 .inner-Box figure.photo {  }
    #contents02 .inner-Box figure.photo img{  }
    #contents02 .inner-Box .textBox{color: #fff;margin: 0 0 0 auto;}
    #contents02 .inner-Box h3 {font-size: 4.83vw;line-height: 1.83;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 4.15vw;position: relative;}
    #contents02 .inner-Box p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 7.14vw;position: relative;}
    #contents02 .inner-Box p.morebtn2 {position: relative;padding-top: 6.52vw;}
    #contents02 .inner-Box p.morebtn2 a {color: #fff;margin-left: 24vw;}
    #contents02 .inner-Box p.morebtn2 a:hover {  }
    #contents02 .inner-Box p.morebtn2 a .arr {right: 1.2vw;top: 5vw;}
    #contents02 .slick-dots { bottom: -5.3vw; }
    #contents02 .slick-dots li{ width: 1.93vw; height: 1.93vw; }

    #contents03 {position: relative;background: url('../images/index/sp-contents03-back01.png')no-repeat top center;padding: 66.16vw 0 0;background-size: 100% auto;}
    #contents03 h2 {text-align: center;margin: 0 9.9vw 1.98vw;}
    #contents03 h2 span{  }
    #contents03 h2 img {  }
    #contents03 p.text {font-size: 3.38vw;line-height: 2.18;font-weight: 500;letter-spacing: 0.0vw;margin: 0 4.4vw 7.43vw 6.4vw;position: relative;text-align: center;color: #fff;text-align: left;}
    #contents03 .inner-Box {margin: 0 5.2vw;position: relative;padding-bottom: 19.48vw;}
    #contents03 .inner-Box h3 {padding: 0 1.2vw 2.89vw 1.92vw;}
    #contents03 .inner-Box h3 span{  }
    #contents03 .inner-Box h3 img {  }
    #contents03 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contents03 .inner-Box ul li {position: relative;margin: 0 2.42vw 2.42vw 0;width: 43.5vw;}
    #contents03 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents03 .inner-Box figure.img {position: relative;top: 0;left: 0;}
    #contents03 .inner-Box figure.img img{  }
    
    #voice {position: relative;background: url('../images/index/sp-contents04-back01.png')no-repeat top center;padding-bottom: 23.74vw;background-size: 100% auto;}
    #voice .inner-Box{position: relative;top: 0vw;padding-bottom: 22.46vw;background-size: 100% auto;}
    #voice .inner-Box h2 {text-align: center;padding: 11.43vw 0 7.79vw;margin: 0 16.9vw;}
    #voice .inner-Box h2 span{  }
    #voice .inner-Box h2 img {  }
    
    #voice .system-list{margin-bottom: 12.08vw;margin: 0 auto -10vw;}
    #voice .system-list li{line-height: 1.4; width: 57.97vw;  margin: 0 6.04vw;position: relative;margin-bottom: 9.66vw;}
    #voice .system-list li a:hover{ text-decoration: none; }
    #voice .system-pic {width: 100%;aspect-ratio: 4 / 5;overflow: hidden;text-align: center;position: relative;margin-bottom: -1.5vw;}
    #voice .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
    #voice .system-list li .ssttl{font-size: 4.11vw;font-weight: 700;letter-spacing: 0;position: absolute;top: 50.7vw;left: -4.9vw;}
    #voice .system-list li .ssttl span.ttlin{background: #fff;display: inline-block;padding: 1.42vw 3.11vw;}
    #voice .system-list li .ssttl span.ttlin2{background: #fff;display: inline-block;padding: 1.42vw 3.11vw 3.22vw 3.11vw;}
    #voice .system-list li .system-job{font-size: 3.62vw;letter-spacing: 0.36vw;margin-bottom: 1.21vw;line-height: 1.4;}
    #voice .system-list li .system-fu{font-size: 2.90vw;margin-bottom: 1.21vw;line-height: 1.4;text-align: center;letter-spacing: 0.17vw;color: #808080;}
    #voice .system-list li .system-fu2{font-size: 5.31vw;margin-bottom: 1.21vw;line-height: 1.4;text-align: center;letter-spacing: 0;color: #fff;}
    #voice .system-list li .system-name{ font-size: 3.86vw; margin-bottom: 7.25vw; line-height: 1.4; text-align: center; font-weight: bold;}
    #voice .system-list li .inbox{padding: 4.83vw 0.0vw;}
    #voice .system-list li .inbox .no{position: absolute;top: 8.4vw;right: -12.7vw;color: #727272;font-size: 2.66vw;letter-spacing: 0;font-weight: 500;transform: rotate(90deg);transform-origin: center;}
    #voice .system-list li .inbox .arr{position: absolute;bottom: 0;right: 4.83vw;}
    #voice .system-contents .ssttl{font-size: 5.8vw;font-weight: 700;letter-spacing: 0;margin-bottom: 4.83vw;}
    #voice .system-contents .ssttl span.ttlin{background: #0A3A72;display: inline-block;padding: 2.42vw 6.04vw;color: #fff;margin-bottom: 0.72vw;}
    #voice .system-contents .ssttl span.ttlin2{background: #0A3A72;display: inline-block;padding: 2.42vw 6.04vw;color: #fff;}
    #voice .inner-Box p.morebtn2 {position: relative;margin: 0 4vw;padding-top: 0.42vw;padding-right: 14.49vw;}
    #voice .inner-Box p.morebtn2 a {color: #fff;margin: 0 4vw 0 5.5vw;}
    #voice .inner-Box p.morebtn2 a:hover {  }
    #voice .inner-Box p.morebtn2 a .arr {right: 12.4vw;top: -1vw;}
    
    #contents05 {position: relative;background: url('../images/index/sp-contents05-back01.png')no-repeat top center;padding-bottom: 12.01vw;background-size: 100% auto;}
    #contents05 .inner-Box {margin: 0 auto 7.93vw;position: relative;}
    #contents05 .inner-Box h2 {position: relative;top: -11.4vw;margin: 0 12.8vw -1.32vw;}
    #contents05 .inner-Box h2 span{  }
    #contents05 .inner-Box h2 img {  }
    #contents05 .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 4vw -5.86vw;}
    #contents05 .inner-Box ul li {position: relative;margin-bottom: 12vw;}
    #contents05 .inner-Box ul li:nth-child(1) {}
    #contents05 .inner-Box ul li:nth-child(2) {top: 0vw;}
    #contents05 .inner-Box ul li:nth-child(3) {margin-right: 0.0vw;right: 0vw;top: 0vw;}
    #contents05 .inner-Box figure.img {position: relative;top: 0;left: 0;}
    #contents05 .inner-Box figure.img img{  }
    #contents05 .inner-Box p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.0vw;margin: 0 5.5vw 7.25vw 6.5vw;position: relative;text-align: left;}
    #contents05 .inner-Box2 {margin: 0 4vw;position: relative;text-align: center;}
    #contents05 .inner-Box2 .btn {margin: 0 -1vw 0;}
    #contents05 .inner-Box2 .btn img {  }
    #contents05 .inner-Box2 p.text {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;padding-top: 3vw;}
    #contents05 .inner-Box2 p.morebtn2 {position: relative;margin: 0 auto 26.3vw;padding-top: 9.42vw;padding-right: 12.49vw;}
    #contents05 .inner-Box2 p.morebtn2 a {margin: 0 4vw;}
    #contents05 .inner-Box2 p.morebtn2 a:hover {  }
    #contents05 .inner-Box2 p.morebtn2 a .arr {right: 12.5vw;top: 7.9vw;}
    
    #topics{background: #fff;padding-bottom: 2.42vw;}
    #topics .inner-Box{}
    #topics .inner-Box h2{text-align: center;padding: 16.68vw 0 5.97vw;margin: 0 17.8vw;}
    #topics .system-list{padding: 0.24vw;margin-bottom: -2.2vw;}
    #topics .system-list li{ width: 62.80vw; overflow: hidden;line-height: 1.4;margin:0 2.42vw;margin-bottom: 4.83vw;padding: 0 0 4.83vw;position: relative;}
    #topics .system-list li a:hover{ text-decoration: none; }
    #topics .system-list li .system-pic {width: 100%;aspect-ratio: 16 / 11.8;overflow: hidden;text-align: center;position: relative;margin-bottom: 1.26vw;}
    #topics .system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
    #topics .system-list li .system-fu{font-size: 2.90vw;line-height: 1.42;letter-spacing: 0.14vw;color: #666666;font-weight: 400;}
    
    #topics .system-list .system-date{font-size: 3.38vw;letter-spacing: 0;line-height: 1.4;margin-bottom: 2.17vw;color: #FC6100;position: relative;}
    #topics .system-list .system-date::before{display: block;width: 4.83vw;height: 0.24vw;background: #808080;position: absolute;top: 2.42vw;left: 0vw;}
    #topics .system-list .system-ttl-01{font-size: 3.62vw;line-height: 1.67;display: block;width: 100%;font-weight: 400;margin-bottom: 3.14vw;}
    #topics .system-list p.morebtn2 {position: relative;margin: 0 auto 37.2vw;padding-top: 9.42vw;padding-right: 14.49vw;}
    #topics .system-list p.morebtn2 a {margin: 0 4vw;}
    #topics .system-list p.morebtn2 a:hover {  }
    #topics .system-list p.morebtn2 a .arr {right: 0;}
    #topics p.morebtn2 {position: relative;margin: 0.0vw auto 21.09vw;padding-top: 9.42vw;padding-right: 14.49vw;}
    #topics p.morebtn2 a {margin: 0 4vw;}
    #topics p.morebtn2 a:hover {  }
    #topics p.morebtn2 a .arr {right: 10.5vw;top: 7.7vw;}
    
    #recruit {position: relative;background: url('../images/index/contents07-back01.png')repeat top center;padding: 13.96vw 0 13.37vw;background-size: 100% auto;}
    #recruit h2 {text-align: center;position: relative;margin: 0 4.2vw 4.59vw 3.1vw;}
    #recruit h2 span{  }
    #recruit h2 img {  }
    #recruit .inner-Box {margin: 0 auto 0vw;position: relative;}
    #recruit .inner-Box2 {margin: 0 3vw;position: relative;text-align: center;}
    #recruit .inner-Box2 div.btn {  }
    #recruit .inner-Box2 div.btn img {  }
    #recruit .inner-Box2 p.bntext {font-size: 3.38vw;line-height: 1.64;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;padding-top: 3.38vw;}
    
    #recruit #recruitcate{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: 38.65vw;}
    #recruit #recruitcate .inner-Box{width: 32%;margin-right: 1%;background: #F2F2F2;padding: 4.83vw;}
    #recruit #recruitcate .inner-Box:nth-child(3){ }
    #recruit #recruitcate .inner-Box h2{background: #1560A0;padding: 1.69vw;color: #fff;margin-bottom: 4.83vw;}
    #recruit #recruitcate .inner-Box li{ border-bottom: 0.24vw dotted #333; padding-bottom: 2.42vw; margin-bottom: 2.42vw;}
    #recruit .cate{margin-bottom: 1.69vw;font-size: 2.90vw;}
    #recruit .cate span{color: #fff;font-size: 2.9vw;padding: 0.48vw 6.27vw;}
    #recruit .cate01{ display: inline-block; background: #FC6100; }
    #recruit .cate02{ display: inline-block; background: #0A3A72; }
    
    #recruit table{
    margin-left: -4.6vw;
}
    #recruit table th{border: 0.24vw solid #CCCCCC;text-align: left;padding: 2.42vw;background: #F2F2F2;font-size: 2.9vw;color: #666666;}
    #recruit table td{border: 0.24vw solid #CCCCCC;font-size: 2.9vw;color: #666666;letter-spacing: 0.14vw;padding: 2.9vw;}
    #recruit .morebbtn{font-size: 4.35vw;text-align: center;height: 14.49vw;width: 84.9vw;background: #0A3A72;position: absolute;bottom: 7.25vw;color: #fff;text-decoration: underline;padding-top: 3.62vw;padding-left: 0vw;letter-spacing: -2.2px;}
    #recruit .morebbtn .arr{position: absolute;top: 3.42vw;right: 14vw;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
    #recruit .morebbtn .arr img{
    width: 5vw;
}
    
    #recruit .reclistbox{margin: 0 3vw 3.45vw;padding: 6.25vw 4.49vw 24.15vw;position: relative;background: #fff;}
    #recruit .reclistbox .picbox{position: relative;width: 31.7vw;float: left;margin-right: 2.3vw;}
    #recruit .reclistbox .picbox .cate{position: absolute;top: 0;left: 0;}
    #recruit .reclistbox .picbox .cate span{display: inline-block;background: #135084;color: #fff;padding: 2.17vw 2.9vw;margin-right: 2.17vw;}
    #recruit .reclistbox .system-pic{width: 100%;/* height: 86.96vw; */overflow: hidden;text-align: center;margin-bottom: 3.62vw;}
    #recruit .reclistbox .system-pic img{width: 100%;height: 24.07vw;}
    #recruit .reclistbox .recinbox{margin-left: 4.83vw;}
    #recruit .reclistbox .recinbox .scate{margin-bottom: 2.42vw;}
    #recruit .reclistbox .recinbox .scate span{background: #F2F2F2;display: inline-block;padding: 0.97vw 3.38vw;margin: 0 2.42vw 1.45vw 0;}
    #recruit .reclistbox .recinbox .system-ttl{font-size: 3.86vw;letter-spacing: 0.0vw;margin-bottom: 9vw;line-height: 1.6;font-weight: bold;}
    #recruit .reclistbox .recinbox .system-ttl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    #recruit .reclistbox .system-tag {margin-bottom: 2.42vw;}
    #recruit .reclistbox .system-tag span{display: inline-block;text-align: center;border: solid 0.24vw #EBBB1A;color: #EBBB1A;padding: 0 2.66vw;margin: 0 2.42vw 1.21vw 0.0vw;}
    #recruit .reclistbox .system-text{position: relative;font-size: 3.86vw;margin-bottom: 2.17vw;padding: 0 0 0 24.15vw;}
    #recruit .reclistbox .system-text .tttl{position: absolute;top: 0;left: 0;color: #135084;}
    
    #recruit .recsystem-tag {margin-bottom: 2.42vw;margin-bottom: 12.08vw;}
    #recruit .recsystem-tag span{display: inline-block;text-align: center;border: solid 0.24vw #EBBB1A;color: #EBBB1A;padding: 0.48vw 4.83vw;margin: 0 2.42vw 1.45vw 0.0vw;}
    #recruit .recttl{background: #F2F2F2;padding: 3.86vw;text-align: center;margin-bottom: 4.83vw;font-size: 6.52vw;}
    
    #recruit p.morebtn2 {position: relative;margin: 0vw auto 20.29vw;padding-top: 4.82vw;margin-left: 21.95vw;}
    #recruit p.morebtn2 a {margin: 0 4vw;}
    #recruit p.morebtn2 a:hover {  }
    #recruit p.morebtn2 a .arr {right: 6.7vw;top: 3.2vw;}
    
    #contents08 {position: relative;color: #FFf;background: #0A3A72;padding-bottom: 18.11vw;}
    #contents08 .inner-Box {margin: 0 6.6vw 8.71vw;position: relative;padding-top: 14.8vw;}
    #contents08 .inner-Box h2.f-en {font-size: 9.18vw;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: 7.47vw;position: relative;text-align: center;}
    #contents08 .inner-Box h3.f-en {font-size: 4.83vw;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: 4.11vw;position: relative;padding-left: -0.31vw;}
    #contents08 .inner-Box iframe{height: 56.01vw;width: 100%;margin-bottom: 2.9vw;}
    #contents08 .inner-Box h4 {font-size: 4.35vw;line-height: 1.38;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 2.17vw;position: relative;}
    #contents08 .inner-Box a{ color: #9396AC; }
    #contents08 .inner-Box p.text1 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 8.93vw;position: relative;color: #CCCCCC;}
    #contents08 .inner-Box p.text1 a {display: block;position: relative;text-decoration: underline;margin-top: 0.8vw;}
    #contents08 .inner-Box p.text1 a:hover {  }
    #contents08 .inner-Box span.blank {width: 3.4vw;position: relative;display: inline-block;line-height: 1;top: 0.52vw;left: 2.63vw;}
    #contents08 .inner-Box span.blank img {  }
    #contents08 .inBox {margin: 0 auto 6.25vw;position: relative;border-top: #fff dotted 0.24vw;border-bottom: #fff dotted 0.24vw;padding: 5.9vw 0 3.86vw;}
    #contents08 .inBox h3.f-en {line-height: 1.38;font-weight: 500;margin-bottom: 4.4vw;left: 0;position: relative;}
    #contents08 .inBox p.cname {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0;margin-bottom: 0.8vw;position: relative;}
    #contents08 .inBox p.cname a{ color:#fff; }
    #contents08 .inBox p.ctext {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.04vw;position: relative;}
    #contents08 .inBox p.ctext a {display: inline-block;padding-left: 0.5vw;}
    #contents08 .inBox p.ctext a:hover {  }
    #contents08 p.morebtn2 {position: relative;margin: 0vw auto 11.29vw;margin-left: 19.25vw;}
    #contents08 p.morebtn2 a {width: auto;margin: 0 4vw;text-align: right;padding-right: 23.19vw;color: #fff;}
    #contents08 p.morebtn2 a:hover {  }
    #contents08 p.morebtn2 a .arr {right: 0;}
    
    
    #contents08 figure.photo {position: relative;top: 0vw;margin: 0 -6.5vw;right: 0;}
    #contents08 figure.photo img{height: auto;}
    #contents08 .inner-Box2 {position: relative;}
    #contents08 .inner-Box2 h2 {font-size: 4.59vw;line-height: 1.48;font-weight: 500;letter-spacing: 0;margin-bottom: 12.54vw;position: relative;text-align: center;}
    #contents08 .inner-Box2 ul.list {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.6vw;padding: 0 0.0vw;position: relative;}
    #contents08 .inner-Box2 ul li {z-index: 4;margin-bottom: 7.4vw;}
    #contents08 .inner-Box2 ul li:nth-child(1) {}
    #contents08 .inner-Box2 ul li:nth-child(2) {right: 0;}
    #contents08 .inner-Box2 ul li:nth-child(3) {bottom: 0;right: 0;}
    #contents08 .inner-Box2 ul li figure img{ width: 100%; height: auto; }
    #contents08 .inner-Box2 ul li a {  }
    #contents08 .inner-Box2 ul li a:hover {  }
    #contents08 .inner-Box2 span.en {display: block;line-height: 1;position: relative;top: 0vw;margin: 0 17.7vw 1.5vw;}
    #contents08 .inner-Box2 span.en img {  }
    
    #contents09 {position: relative;background: url('../images/index/sp-contents09-back01.png')no-repeat top center;color: #9396AC;padding: 16.91vw 0;background-size: 100% auto;}
    #contents09 .inner-Box {margin: 0 6.4vw;position: relative;}
    #contents09 .inner-Box h2 {font-size: 4.35vw;line-height: 1.98;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 2.97vw;position: relative;}
    #contents09 .inner-Box p.text {font-size: 2.90vw;line-height: 1.92;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}
    
    




}