.page-portfolio-detail{height:100%;padding:4rem 6rem;background-color:#fff}@media(min-width:769px)and (max-width:1024px){.page-portfolio-detail{padding:3rem 4rem}}@media(max-width:768px){.page-portfolio-detail{padding:2rem;min-height:100vh}}.page-portfolio-detail>.l-inner{display:block;flex-direction:column}.page-portfolio-detail .header{display:flex;align-items:center;gap:1.6rem;margin-bottom:3rem;color:#3b1112}@media(min-width:769px)and (max-width:1024px){.page-portfolio-detail .header{margin-bottom:2.4rem}}@media(max-width:768px){.page-portfolio-detail .header{margin-bottom:2rem;gap:1.2rem}}.page-portfolio-detail .header:before{content:"";display:block;width:.4rem;height:3.6rem;background-color:#3b1112}@media(max-width:768px){.page-portfolio-detail .header:before{width:.3rem;height:2.8rem}}.page-portfolio-detail .header>h3{font-size:2.4rem;font-weight:700}@media(min-width:769px)and (max-width:1024px){.page-portfolio-detail .header>h3{font-size:2rem}}@media(max-width:768px){.page-portfolio-detail .header>h3{font-size:1.8rem}}.page-portfolio-detail .wrap{width:100%;display:flex;gap:2rem;height:calc(100% - 6.6rem)}@media(min-width:769px)and (max-width:1024px){.page-portfolio-detail .wrap{flex-direction:column;height:auto;gap:2rem}}@media(max-width:768px){.page-portfolio-detail .wrap{flex-direction:column;height:auto;gap:1.6rem}}.page-portfolio-detail .wrap .image-area{width:70%;height:100%;max-height:calc(100vh - 14.9rem);overflow-y:auto;overscroll-behavior:contain}@media(min-width:769px)and (max-width:1024px){.page-portfolio-detail .wrap .image-area{width:100%;max-height:none;overflow-y:visible}}@media(max-width:768px){.page-portfolio-detail .wrap .image-area{width:100%;max-height:none;overflow-y:visible}}.page-portfolio-detail .wrap .image-area .image-list{display:flex;flex-direction:column;align-items:center;gap:2rem}@media(min-width:769px)and (max-width:1024px){.page-portfolio-detail .wrap .image-area .image-list{gap:1.6rem}}@media(max-width:768px){.page-portfolio-detail .wrap .image-area .image-list{gap:1.2rem}}.page-portfolio-detail .wrap .image-area .image-list>div{position:relative;width:100%;border-radius:.8rem;overflow:hidden}@media(max-width:768px){.page-portfolio-detail .wrap .image-area .image-list>div{border-radius:.6rem}}.page-portfolio-detail .wrap .image-area .image-list>div>img{display:block;width:100%;height:100%;object-fit:cover}.page-portfolio-detail .wrap .desc-area{display:flex;flex-direction:column;width:30%;height:100%;padding:2rem;border:1px solid #e0e0e0;border-radius:.8rem;overflow:hidden;font-size:1.6rem;font-weight:500;color:#3b1112}@media(min-width:769px)and (max-width:1024px){.page-portfolio-detail .wrap .desc-area{width:100%;height:auto;padding:1.6rem}}@media(max-width:768px){.page-portfolio-detail .wrap .desc-area{width:100%;height:auto;padding:1.6rem;font-size:1.4rem;border-radius:.6rem}}.page-portfolio-detail .wrap .desc-area .info-data-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(max-width:768px){.page-portfolio-detail .wrap .desc-area .info-data-list{gap:.8rem;margin-bottom:1.6rem}}.page-portfolio-detail .wrap .desc-area .info-data-list>li{display:flex;align-items:center;gap:.4rem}.page-portfolio-detail .wrap .desc-area .info-data-list>li strong:after{content:":";margin-left:.4rem}.page-portfolio-detail .wrap .desc-area .description{flex:1;padding-top:2rem;white-space:pre-line}@media(min-width:769px)and (max-width:1024px){.page-portfolio-detail .wrap .desc-area .description{padding-top:1.6rem}}@media(max-width:768px){.page-portfolio-detail .wrap .desc-area .description{padding-top:1.6rem}}.page-portfolio-detail .wrap .desc-area .description>p{line-height:1.5}@media(max-width:768px){.page-portfolio-detail .wrap .desc-area .description>p{line-height:1.6}}