@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

.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; } 

.title-wrap .title,
.credit-wrap .credit-title-wrap .title,
.credit-wrap .credit-detail-wrap .credit-category {font-family: 'Fredoka One', cursive;font-weight:normal;}

.section1 .img-wrap {position:relative;overflow:hidden;z-index:1;}
.section1 .monster {position:absolute;transform-origin:center;z-index:-1;}    
.section1 .monster1 {transform:rotate(36deg);}
.section1 .monster2 {transform:rotate(165deg);}
.section1 .monster3 {transform:rotate(-30deg);}
.section1 .monster4 {transform:rotate(-134deg);}

.portfolio-pc .section1 {margin:0}
.portfolio-pc .section1 .monster1 {top:17.07%;left:-7.26%;width:27.18%;}
.portfolio-pc .section1 .monster2 {top:-8.16%;right:15.15%;width:21.87%;}
.portfolio-pc .section1 .monster3 {top:15.29%;right:-5%;width:24.68%;}
.portfolio-pc .section1 .monster4 {top:-8.34%;right:-6.8%;width:26.56%;}
.portfolio-pc .section2 {margin-bottom: 56px;}
.portfolio-pc .section2 .monster {position:absolute;width:5.62%;}
.portfolio-pc .section2 .monster1-1 {top:45%;left:4.5%;}   
.portfolio-pc .section2 .monster1-2 {top:48.5%;left:10.3%;}
.portfolio-pc .section2 .monster1-3 {top:43%;left:16.09%;}
.portfolio-pc .section2 .monster2-1 {top:8.75%;left:13.28%;}
.portfolio-pc .section2 .monster2-2 {top:13.5%;left:19.06%;}
.portfolio-pc .section2 .monster2-3 {top:11.5%;left:24.92%;}
.portfolio-pc .section2 .monster3-1 {bottom:27.87%;left:25.07%;}
.portfolio-pc .section2 .monster3-2 {bottom:24%;left:31.09%;}
.portfolio-pc .section2 .monster3-3 {bottom:25.87%;left:36.64%;}
.portfolio-pc .section2 .monster3-4 {bottom:27.87%;left:42.42%;}
.portfolio-pc .section2 .monster3-5 {bottom:22.37%;left:48.2%;}
.portfolio-pc .section2 .monster4-1 {top:33.25%;left:38.9%;}
.portfolio-pc .section2 .monster4-2 {top:27%;left:44.6%;}
.portfolio-pc .section2 .monster4-3 {top:29%;left:50.39%;}
.portfolio-pc .section2 .monster4-4 {top:30.87%;left:56.17%;}
.portfolio-pc .section2 .monster4-5 {top:27%;left:61.95%;}
.portfolio-pc .section2 .monster5-1 {top:22%;left:76.71%;}
.portfolio-pc .section2 .monster5-2 {top:24.12%;left:82.57%;}
.portfolio-pc .section2 .monster5-3 {top:20.37%;left:88.43%;}
.portfolio-pc .section2 .monster6-1 {bottom:31.75%;left:68.51%;}
.portfolio-pc .section2 .monster6-2 {bottom:27.62%;left:75%;}

.portfolio-mobile .section1 .monster1 {top:19.8%;left:-11.26%;width:41.66%;}
.portfolio-mobile .section1 .monster2 {top:-3%;right:22.5%;width:30.55%;}
.portfolio-mobile .section1 .monster3 {top:18%;right:-10.3%;width:41.66%;}
.portfolio-mobile .section1 .monster4 {top:-4%;right:-9.8%;width:38.88%;}

.portfolio-mobile section + section {margin-top:0;}
.portfolio-mobile .img-wrap + .img-wrap {margin:0;}