.public-area section:first-of-type .public-title-slide {overflow: hidden; position: relative; cursor: grab;}
.public-area section:first-of-type .public-title-slide:active {cursor: grabbing;}
.public-area section:first-of-type .public-title-slide::before,
.public-area section:first-of-type .public-title-slide::after {content: ''; width: 113px; height: 100%; position: absolute; top: 0; z-index: 10;}
.public-area section:first-of-type .public-title-slide::before {left: 0; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);}
.public-area section:first-of-type .public-title-slide::after {right: 0; background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);}
.public-area section:first-of-type .public-title-slide ul li img {width: 100%;}
.public-area section:nth-of-type(2) {padding-top: 45px;}
.public-area section:nth-of-type(2) > h2 + p {margin-bottom: 70px;}
.public-area section:nth-of-type(2) picture img {width: 100%; margin: 0 auto; display: block; max-width: 1530px;}
.public-area section:nth-of-type(3) {padding: 195px 0 177px;}
.public-area section:nth-of-type(3) .design-list-wrap ul:first-of-type li:nth-child(1) {background-image: url('/work/img/bg_public_design_list_01.jpg');}
.public-area section:nth-of-type(3) .design-list-wrap ul:first-of-type li:nth-child(2) {background-image: url('/work/img/bg_public_design_list_02.jpg');}
.public-area section:nth-of-type(3) .design-list-wrap ul:first-of-type li:nth-child(3) {background-image: url('/work/img/bg_public_design_list_03.jpg');}
.public-area section:nth-of-type(3) .design-list-wrap ul:last-of-type li:nth-child(1) {background-image: url('/work/img/bg_public_design_list_04.jpg');}
.public-area section:nth-of-type(3) .design-list-wrap ul:last-of-type li:nth-child(2) {background-image: url('/work/img/bg_public_design_list_05.jpg');}
.public-area section:nth-of-type(3) .design-list-wrap ul:last-of-type li:nth-child(3) {background-image: url('/work/img/bg_public_design_list_06.jpg');}

@media screen and (max-width: 1024px) {
    .public-area section:nth-of-type(2) > h2 + p {margin-bottom: 30px;}
    .public-area section:nth-of-type(2) picture img {width: 100%; margin: 0 auto; display: block; max-width: 1024px;}
    .public-area section:nth-of-type(2) picture {margin-bottom: 30px;}
    .public-area section:nth-of-type(3) {padding: 100px 0;}
}
