.portfolio-body { background-color: #121212; color: #fff; } 

.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 { color: #fff; } 
.title-wrap .sub-title { color: #fff; } 

.aviss-title { margin: 0 0 148px 0; padding: 28px 0 0 0; } 
.aviss-title .title { font-size: 100px; line-height: 1em; font-weight: bold; color: #3195f7; } 
.aviss-title .subTitle { margin: 10px 0 0 0; font-size: 32px; line-height: 37px; font-weight: bold; color: #444; } 
.aviss-title .subTitle span { color: #3195f7; font-weight: bold; } 
.aviss-title p { margin: 30px 0 0 0; color: #fff; font-size: 20px; line-height: 29px; } 

.img-text { display: flex; align-items: flex-start; margin: 0 0 24px 0; padding: 30px 40px; background-size: cover; background-position: center right; } 
.img-text .img { width: 160px; margin: 2px 40px 0 0; } 
.img-text .img img { width: 100%; } 
.img-text .text-wrap { flex: 1; min-width: 0; width: 100%; } 
.img-text .text-wrap dl + dl { margin: 20px 0 0 0; } 
.img-text .text-wrap dl dt { margin: 0 0 4px 0; line-height: 20px; color: #666; font-weight: bold; } 
.img-text .text-wrap dl dd { color: #fff; line-height: 24px; } 
.img-text .text-wrap dl dd strong { font-size: 32px; line-height: 1em; font-weight: bold; } 
.img-text .text-wrap dl dd + dd { margin: 14px 0 0 0; } 

.portfolio-pc .section1 { background-image: url("img/avissAdmin1_bg.jpg"); background-position: bottom center; background-size: 1366px auto; background-repeat: no-repeat; } 
.portfolio-pc .section1 .img-wrap { margin-top: 75px; } 
.portfolio-pc .section3 .img-text { background-image: url("img/avissAdmin3_imgText_bg.png"); } 
.portfolio-pc .section4 .img-text { background-image: url("img/avissAdmin4_imgText_bg.png"); } 
.portfolio-pc .section5 .img-text { background-image: url("img/avissAdmin5_imgText_bg.png"); }