@charset "UTF-8";
/* PC */
@media screen and (min-width: 768px),print {
.abc{position: relative;}

#contentsmain {margin: 0 auto 169px;position: relative;background: url('../images/ourwork/contentsmain-back01.png')no-repeat top center;}
#contentsmain .inner-Box{margin: 0 auto;position: relative;padding: 406px 0 141px;background: url('../images/ourwork/contentsmain-back02.png')repeat-x top center;animation: slide-left 30s linear infinite;}
@keyframes slide-left {
0% { background-position: 0 116px; }
100% { background-position: -2140px 116px; }
}

#contentsmain .inner-Box h2.f-geo {font-size: 269px;line-height: 1;font-weight: 900;letter-spacing: 0px;margin-bottom: 56px;position: relative;text-align: center;color: #E0FF1B;}
#contentsmain .inBox {margin: 0 auto;position: relative;max-width: 1400px;height: 728px;padding: 140px 0 0 0;background: #fff;box-shadow: 0px 3px 6px #00000029;border-radius: 50px;}
#contentsmain .minBox{width: 1100px;margin: 0 auto;}
#contentsmain .inBox h3 {font-size: 36px;line-height: 1.6;font-weight: 700;letter-spacing: 3.6px;margin-bottom: 40px;position: relative;color: #fff;}
#contentsmain .inBox h3 span {display: inline-block;background: #000000;padding: 11px 23px;box-shadow: 20px 20px 20px #00000029;}
#contentsmain .inBox p.text {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;position: relative;width: 500px;margin: 0 0 33px 33px;}
#contentsmain .inBox figure.img {position: absolute;top: 128px;right: 200px;}
#contentsmain .inBox figure.img img{  }

#contents01 {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 170px;}
#contents01 h2.f-geo {font-size: 64px;line-height: 1.6;font-weight: 700;letter-spacing: 3.2px;margin-bottom: 80px;position: relative;text-align: center;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#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: 51px;}
#contents01 .inner-Box ul li { position: relative; }
#contents01 .inner-Box ul li:nth-child(2n) {right: -60px;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin: 0 auto 30px;position: relative;width: 900px;}
#contents01 .inner-Box p.btn {text-align: center;padding: 30px 0 0;}
#contents01 .inner-Box p.btn img {  }

#contents02 {margin: 0 auto 132px;position: relative;background: url('../images/ourwork/contents02-back01.png')no-repeat top center;height: 1359px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 139px 0 0;}
#contents02 .inner-Box h2 {font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 6px;margin-bottom: 34px;position: relative;text-align: center;}
#contents02 .inner-Box h2 span.f-geo {display: block;font-size: 64px;letter-spacing: 3.2px;margin-bottom: 12px;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin: 0 auto 30px;position: relative;width: 900px;}
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin: 0 auto;width: 1100px;padding: 37px 0 0;}
#contents02 .inner-Box figure.photo img{  }

#contents03 {margin: 0 auto -51px;position: relative;width: 1100px;}
#contents03 .inner-Box1 { margin: 0 auto; position: relative; }
#contents03 .inner-Box1 h2 {position: relative;left: -12px;margin-bottom: 23px;}
#contents03 .inner-Box1 h2 span{  }
#contents03 .inner-Box1 h2 img {  }
#contents03 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 61px;}
#contents03 .inner-Box1 figure.photo img{  }
#contents03 .inner-Box1 p.text {font-size: 20px;line-height: 32px;font-weight: 700;letter-spacing: 1px;margin-bottom: 53px;position: relative;text-align: center;}
#contents03 .inner-Box2 { margin: 0 auto; position: relative; }
#contents03 .inner-Box2 h3.f-geo {font-size: 47px;line-height: 1.6;font-weight: 700;letter-spacing: 2.82px;margin-bottom: 25px;position: relative;text-align: center;}
#contents03 .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;margin: 0 0 0 205px;}
#contents03 .inner-Box2 ul li {margin-right: 50px;}
#contents03 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contents03 .inner-Box2 ul li figure {  }
#contents03 .inner-Box2 ul li a {  }
#contents03 .inner-Box2 ul li a:hover {  }


}
/* SP */
@media screen and (max-width: 767px) {
.abc{position: relative;}

#contentsmain {margin: 0 auto 13.52vw;position: relative;background: url('../images/ourwork/sp-contentsmain-back01.png')no-repeat top center;background-size: 100% auto;}
#contentsmain .inner-Box{position: relative;padding: 70.47vw 0 14.56vw;background: url('../images/ourwork/contentsmain-back02.png')repeat-x top center;animation: slide-left 70s linear infinite;background-size: auto 33.14vw;}
@keyframes slide-left {
0% { background-position: 0 23.02vw; }
100% { background-position: -516.91vw 23.02vw; }
}

#contentsmain .inner-Box h2.f-geo {font-size: 19.57vw;line-height: 1;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 7.73vw;position: relative;text-align: center;color: #E0FF1B;}
#contentsmain .inBox {margin: 0 4vw;position: relative;padding: 9.72vw 0 0 0;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;border-radius: 4.98vw;}
#contentsmain .minBox{margin: 0 4vw;padding-bottom: 14.1vw;}
#contentsmain .inBox h3 {font-size: 5.56vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.56vw;margin-bottom: 8.86vw;position: relative;color: #fff;}
#contentsmain .inBox h3 span {display: block;background: #000000;padding: 1.66vw 0.36vw 2.66vw 3.36vw;box-shadow: 4.83vw 4.83vw 4.83vw #00000029;}
#contentsmain .inBox p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.19vw;position: relative;margin: 0 0 7.97vw;}
#contentsmain .inBox figure.img {position: relative;}
#contentsmain .inBox figure.img img{  }

#contents01 {position: relative;padding-bottom: 16.36vw;}
#contents01 h2.f-geo {font-size: 7.25vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 8.82vw;position: relative;text-align: center;}
#contents01 .inner-Box { margin: 0 4vw; position: relative; }
#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: 5.62vw;}
#contents01 .inner-Box ul li {position: relative;width: 47.5%;}
#contents01 .inner-Box ul li:nth-child(2n) {right: -4.7vw;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.19vw;margin: 0 4.2vw 7.85vw;position: relative;}
#contents01 .inner-Box p.btn {text-align: center;padding: 0vw 0 0;margin: 0 4.1vw;position: relative;top: -0.7vw;}
#contents01 .inner-Box p.btn img {  }

#contents02 {margin: 0 auto 0.5vw;position: relative;background: url('../images/ourwork/sp-contents02-back01.png')no-repeat top center;background-size: 100% auto;}
#contents02 .inner-Box {margin: 0 4vw;position: relative;padding: 13.57vw 0 0;}
#contents02 .inner-Box h2 {font-size: 6.28vw;line-height: 1.6;font-weight: 700;letter-spacing: 1.26vw;margin-bottom: 8.21vw;position: relative;text-align: center;}
#contents02 .inner-Box h2 span.f-geo {display: block;font-size: 7.25vw;letter-spacing: 0.36vw;margin-bottom: 1.3vw;}
#contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.19vw;margin: 0 4.4vw 7.65vw;position: relative;}
#contents02 .inner-Box figure.photo {margin: -8.4vw -3.8vw 0 -4vw;position: relative;top: 0;left: 0;}
#contents02 .inner-Box figure.photo img{  }

#contents03 {margin: 0 auto 0vw;position: relative;}
#contents03 .inner-Box1 {position: relative;}
#contents03 .inner-Box1 h2 {position: relative;left: 0vw;margin: 0 0vw -9.04vw 2.5vw;z-index: 3;}
#contents03 .inner-Box1 h2 span{  }
#contents03 .inner-Box1 h2 img {  }
#contents03 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin: 0 4.2vw 7.83vw;}
#contents03 .inner-Box1 figure.photo img{  }
#contents03 .inner-Box1 p.text {font-size: 4.83vw;line-height: 7.73vw;font-weight: 700;letter-spacing: 0.24vw;margin: 0 8.3vw 13.4vw;position: relative;text-align: left;}
#contents03 .inner-Box2 { margin: 0 4vw; position: relative; }
#contents03 .inner-Box2 h3.f-geo {font-size: 7.25vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 8.84vw;position: relative;text-align: center;}
#contents03 .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;margin: 0 7.3vw;}
#contents03 .inner-Box2 ul li {
    margin-bottom: 9.6vw;
}
#contents03 .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents03 .inner-Box2 ul li figure {  }
#contents03 .inner-Box2 ul li a {  }
#contents03 .inner-Box2 ul li a:hover {  }

}