body{color:#333}.pp-main{font-family:"Roboto","Noto Sans JP",sans-serif;line-height:normal}.pp-main .eyecatch{position:relative;background-size:cover;background-position:center center;width:100%;min-height:600px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:20px 0 20px;margin-bottom:30px}.pp-main .eyecatch .title-wrapper{width:600px;height:290px;padding:20px 50px;opacity:.9;margin:auto 0;text-align:center;box-sizing:border-box;background-color:#a7c5fe;display:flex;flex-direction:column}.pp-main .eyecatch .subtitle{font-size:24px;line-height:24px;color:#fff;font-weight:bold;text-align:center;border-bottom:1px solid #fff;padding-top:20px;padding-bottom:20px}.pp-main .eyecatch .title_image{border-bottom:1px solid #fff;padding-bottom:20px}.pp-main .eyecatch .title_image img{max-height:50px;max-width:500px;height:auto;width:auto}.pp-main .eyecatch .title{font-size:48px;line-height:64px;color:#fff;font-weight:bold;text-align:center;margin:auto 0}.pp-main .eyecatch .background{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.7);z-index:0}.pp-main .eyecatch *{position:relative;z-index:0}.pp-main .about,.pp-main .producer,.pp-main .projects{width:1000px;margin:0 auto;padding:0;margin-bottom:40px;box-sizing:border-box;display:flex;flex-wrap:wrap}.pp-main .about h2,.pp-main .producer h2,.pp-main .projects h2{font-size:32px;line-height:24px;font-weight:bold;width:100%}.pp-main .about .sns-button,.pp-main .producer .sns-button,.pp-main .projects .sns-button{margin:0 auto}.pp-main #about,.pp-main #projects,.pp-main #producer{text-align:center;margin:30px 0 60px;width:100%}.pp-main .to_start,.pp-main .to_more,.pp-main .to_projects{background-color:#df0615;color:#fff;box-shadow:0 2px 4px 0 rgba(152,152,152,.5);padding:18px 55px;border-radius:4px;font-size:18px;cursor:pointer;margin-bottom:50px;font-weight:bold}.pp-main .to_start.to_more,.pp-main .to_more.to_more,.pp-main .to_projects.to_more{font-size:18px;padding:12px 40px}.pp-main .about h2,.pp-main .producer h2{margin-bottom:20px}.pp-main .about .image-wrap,.pp-main .producer .image-wrap{margin-right:48px;width:303px;height:413px;overflow:hidden}.pp-main .about .image-wrap img,.pp-main .producer .image-wrap img{width:100%}.pp-main .about .contents,.pp-main .producer .contents{display:flex;flex-direction:column;width:calc(100% - 351px);align-items:flex-end}.pp-main .about .contents *,.pp-main .producer .contents *{text-align:left}.pp-main .about .contents .copy,.pp-main .about .contents h3,.pp-main .producer .contents .copy,.pp-main .producer .contents h3{font-size:24px;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #333;width:100%}.pp-main .about .contents .description,.pp-main .producer .contents .description{width:100%;font-size:16px}.pp-main .about .contents .to_start,.pp-main .about .contents .to_projects,.pp-main .producer .contents .to_start,.pp-main .producer .contents .to_projects{padding:18px 30px}.pp-main .about .contents .to_start,.pp-main .producer .contents .to_start{margin-top:50px}.pp-main .about .contents .to_projects,.pp-main .producer .contents .to_projects{margin-top:30px}.pp-main .projects{width:100%;padding:30px 0}.pp-main .projects .more{text-align:center;margin:40px auto 20px}.pp-main .projects .more a{display:inline-block;margin-bottom:0}.pp-main .projects>*{width:1000px;padding:0;margin:0 auto}.pp-main .projects h2{color:#fff;line-height:24px;margin-bottom:30px}.pp-main .projects .project-list{background-color:#fff;border-radius:4px;padding-top:32px}.sp .pp-main .projects>*{width:auto}.sp .pp-main .projects .project-list{padding-top:8px}footer{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}@media only screen and (max-width: 840px){.pp-main .eyecatch{min-height:446px}.pp-main .eyecatch .title-wrapper{margin-bottom:30px}.pp-main .eyecatch .to_start,.pp-main .eyecatch .to_projects{padding:20px 35px;text-align:center;font-size:20px}.pp-main .eyecatch .nav{display:flex;flex-direction:column;align-items:center}.pp-main .eyecatch .nav a{margin-right:0;margin-bottom:10px;font-size:20px}.pp-main .about,.pp-main .producer,.pp-main .projects{width:100%;padding:10px}.pp-main .about .image-wrap,.pp-main .producer .image-wrap{margin:0 auto 10px;height:auto}.pp-main .about .contents,.pp-main .producer .contents{width:100%}.pp-main .about .contents .to_start,.pp-main .about .contents .to_projects,.pp-main .producer .contents .to_start,.pp-main .producer .contents .to_projects{margin-left:auto;margin-right:auto;padding:15px 30px;font-size:20px}.pp-main .about .contents .description,.pp-main .producer .contents .description{line-height:normal}.pp-main .projects{width:100%}.pp-main .projects h2{padding:0 10px}}@media only screen and (max-width: 600px){.pp-main .eyecatch .title-wrapper{width:100%;padding:20px 30px;height:230px}.pp-main .eyecatch .title-wrapper .title{font-size:26px;line-height:34px}}