.portfolio-pc { padding:40px 0; } 
.portfolio-pc section {padding:0 40px;}
.portfolio-pc section + section { margin-top: 96px; } 
.portfolio-mobile {padding:32px 0 74px 0;}
.portfolio-mobile section + section { margin-top: 40px; } 
.credit-wrap { border-top: 1px solid #E6E6E6; } 

.portfolio-body { background: linear-gradient(
 180deg,
 #0b0535,
 #0e0634,
 #100735,
 #0d0735,
 #0f0735,
 #140937,
 #140937,
 #170a3a,
 #200d41,
 #200e42,
 #15093b,
 #130938,
 #130938,
 #130937,
 #130937,
 #130939,
 #120939,
 #120937,
 #140b3a,
 #15093b,
 #170937,
 #190a3c,
 #170938,
 #190b3f,
 #210d54,
 #231157,
 #210f53,
 #230f55,
 #2d125f,
 #4c287d,
 #71489c,
 #9474b5,
 #bca7d0,
 #dfd5e8,
 #f0ecf4,
 #f0ecf4,
 #f0ecf4,
 #f0ecf4,
 #f0ecf4,
 #f0ecf4,
 #f0ecf4,
 #f0ecf4,
 #f0ecf4,
 #f0ecf4,
 #f0ecf4,
 #c4b5e2,
 #9d8dbe,
 #66568d,
 #574582,
 #422d72,
 #371868,
 #371264,
 #371161,
 #360f59,
 #360e55,
 #350e55,
 #2a0c53,
 #250a4d,
 #250a4d,
 #250a4d,
 #250a4d,
 #250a4d,
 #250a4d,
 #250a4d,
 #371c5f,
 #593a77,
 #6f508c,
 #9a7bb3,
 #270b51,
 #260b51,
 #260b51,
 #260b51,
 #260b51
 ); } 
.portfolio-detail-wrap .portfolio-cont-wrap { padding-top: 0 !important; } 

.title-wrap { position: relative; } 
.title-wrap .title { position: relative; color: #fff; } 
.title-wrap .title:before { content: ""; position: absolute; top: -12px; left: 0; width: 80px; height: 4px; background: #fff; } 
.title-wrap .des p { color: rgba(255, 255, 255, 0.84); } 

.slide-wrap { position: relative; } 
.slide-wrap .swiper-num { position: absolute; top: -126px; right: -39px; color: rgba(255, 255, 255, 0.06); font-size: 320px; line-height: 320px; font-weight: bold; pointer-events: none;} 
.slide-wrap .swiper-slide img { width: 100%; } 
.slide-wrap .swiper-pagination { position: relative; bottom: 0; margin: 24px 0 0 0; padding: 0 0 4px 0; line-height: 0; } 
.slide-wrap .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 14px; background: rgba(255, 255, 255, 0.36); border-radius: 0; transform: rotate(45deg); opacity: 1; } 
.slide-wrap .swiper-pagination .swiper-pagination-bullet-active { background: #fff; } 

.portfolio-pc section { padding:0 40px; background-size: 1366px 100%; background-position: top center; background-repeat: no-repeat; } 
.portfolio-pc .section1 { padding-top: 64px; background-image: url("img/bg_1.jpg"); } 
.portfolio-pc .section2 { background-image: url("img/bg_2.jpg"); } 
.portfolio-pc .img-wrap + .title-wrap { margin-top: 54px; } 

.portfolio-mobile .section1 { background-image: url("img/m_bg_1.jpg"); } 
.portfolio-mobile .section2 { background-image: url("img/m_bg_2.jpg"); } 
.portfolio-mobile .img-wrap + .title-wrap { margin-top: 42px; } 
.portfolio-mobile .title-wrap .title { line-height: 24px !important; } 
.portfolio-mobile .title-wrap .title:before { top: -10px; width: 40px; height: 2px; } 
.portfolio-mobile .slide-wrap .swiper-num { top: -70px; right: 4px; font-size: 120px; line-height: 120px; } 
.portfolio-mobile .slide-wrap .swiper-pagination { margin: 16px 0 0 0; } 
.portfolio-mobile .slide-wrap .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 10px; }