.portfolio-body {background-color: #121212;}
.portfolio-footer {background-color: #121212;}
.credit-wrap {border-top:0;color:#eee;}
.credit-wrap .title {color:#50ABAD;}
.credit-wrap .member-wrap dl dt {color:#50ABAD;}

.portfolio-pc .section-inner {position: relative;max-width: 1366px;}
.portfolio-pc .section1 {background-image: url("img/s2w_saip_1_bg.png");background-size: 1920px 100%;background-position: center;background-repeat: no-repeat;}
.portfolio-pc .section2 {padding: 0;background-image: url("img/s2w_saip_1_bg.png");background-size: 1920px 100%;background-position: center;background-repeat: no-repeat;}
.portfolio-pc .section2 .section-inner {max-width: 1920px;}
.portfolio-pc .section2 .img-wrap {max-width: 1366px;}
.portfolio-pc .section2 .swiper {position: absolute;top: 30.26%;left: 50%;width: 1920px;height: 432px;transform: translateX(-50%);}
.portfolio-pc .section2 .swiper .swiper-slide {width: 768px;margin: 0 1%;}
.portfolio-pc .section2 .swiper img {width: 100%;height:100%;}

.portfolio-mobile .section-inner {position:relative;}
.portfolio-mobile .section1 .text-wrap {top:74.7412%;}
.portfolio-mobile .section2 .text-wrap {top:18.407%;}
.portfolio-mobile .section2 .swiper {position: absolute;top: 44.27%;left: 0;width: 100%;height: 162px;}
.portfolio-mobile .section2 .swiper .swiper-slide {width: 288px;margin: 0 1%;}
.portfolio-mobile .section2 .swiper img {width: 100%;height:100%;}
.portfolio-mobile .section3 .text-wrap {top:8.6462%;}
.portfolio-mobile .text-wrap {position:absolute;left:0;width:100%;}
.portfolio-mobile .text-wrap p {padding:0 23px;color:#fff;font-size:14px;line-height:20px;}