#portfolioIndividual .post_cat_list{flex-wrap:wrap;gap:0 15px;display:flex}@media screen and (max-width:768px){#portfolioIndividual .post_cat_list{gap:0 8px}}#portfolioIndividual .post_cat_list>span:not(:last-child):after{content:"/";color:#414140;margin-left:15px}@media screen and (max-width:768px){#portfolioIndividual .post_cat_list>span:not(:last-child):after{margin-left:8px}}#portfolioIndividual .portfolio_hgroup .post_cat_list{margin-bottom:48px}#portfolioIndividual .portfolio_hgroup .purpose_cat{flex-wrap:wrap;gap:1em;margin-bottom:4px;display:flex}#portfolioIndividual .portfolio_hgroup .purpose_cat .purpose{padding-left:16px;position:relative}#portfolioIndividual .portfolio_hgroup .purpose_cat .purpose:before{content:"";background:#5bb431;-webkit-border-radius:100px;border-radius:100px;width:8px;height:8px;position:absolute;top:8px;left:0}#portfolioIndividual .portfolio_hgroup .post_tl{font-size:3.6rem}@media screen and (max-width:768px){#portfolioIndividual .portfolio_hgroup .post_tl{font-size:2.2rem}}#portfolioIndividual .portfolio_detail .portfolio_detail_thumb{margin-bottom:var(--space-md);position:relative}#portfolioIndividual .portfolio_detail .portfolio_detail_thumb .photo.pc{z-index:1;aspect-ratio:1920/1080;position:relative;overflow:hidden}#portfolioIndividual .portfolio_detail .portfolio_detail_thumb .photo img{width:100%;height:auto;display:block}#portfolioIndividual .portfolio_detail .portfolio_detail_thumb .photo.mobile{z-index:2;aspect-ratio:220/447;background:#fff;-webkit-border-radius:min(35px,3vw);border-radius:min(35px,3vw);width:min(220px,20vw);padding-top:3%;position:absolute;bottom:-25px;right:-70px;overflow:hidden}@media screen and (max-width:1480px){#portfolioIndividual .portfolio_detail .portfolio_detail_thumb .photo.mobile{right:10px}}#portfolioIndividual .portfolio_detail .portfolio_detail_thumb .photo.mobile:before{content:"";mix-blend-mode:multiply;z-index:3;background:url(/assets/dest/img/portfolio/pho_mobile_waku.png) 50%/contain no-repeat;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#portfolioIndividual .portfolio_detail .portfolio_detail_thumb .photo.mobile img{z-index:2;aspect-ratio:220/447;object-fit:cover;object-position:top;width:calc(100% - 15px);height:auto;margin:auto;display:block;position:relative}@media screen and (max-width:768px){#portfolioIndividual .portfolio_detail .portfolio_detail_thumb .photo.mobile img{width:calc(100% - 5px)}}#portfolioIndividual .portfolio_detail .portfolio_detail_table{margin-bottom:var(--space-md)}#portfolioIndividual .portfolio_detail .portfolio_detail_table th{padding-left:16px;position:relative}#portfolioIndividual .portfolio_detail .portfolio_detail_table th:before{content:"";background:#5bb431;-webkit-border-radius:100px;border-radius:100px;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;left:0}@media screen and (max-width:768px){#portfolioIndividual .portfolio_detail .portfolio_detail_table td,#portfolioIndividual .portfolio_detail .portfolio_detail_table th{width:100%;padding:12px;display:block}}#portfolioIndividual .portfolio_detail .portfolio_detail_table .purpose,#portfolioIndividual .portfolio_detail .portfolio_detail_table .industry,#portfolioIndividual .portfolio_detail .portfolio_detail_table .area{background:#fff;-webkit-border-radius:20px;border-radius:20px;margin-right:12px;padding:8px 24px}@media screen and (max-width:768px){#portfolioIndividual .portfolio_detail .portfolio_detail_table .purpose,#portfolioIndividual .portfolio_detail .portfolio_detail_table .industry,#portfolioIndividual .portfolio_detail .portfolio_detail_table .area{margin-right:8px;padding:4px 14px;font-size:14px}}#portfolioIndividual .portfolio_detail .portfolio_detail_table a{color:#5bb431}#portfolioIndividual .portfolio_detail .portfolio_detail_table a.externalLink:after{content:"";background:url(/assets/dest/img/common/ico/ico_externallink_black.png) 50% no-repeat;width:9px;height:9px;margin-left:8px;display:inline-block}#portfolioIndividual .portfolio_detail .portfolio_detail_about .u-container-xxl{grid-template-columns:400px 1fr;gap:0 100px;display:grid}@media screen and (max-width:768px){#portfolioIndividual .portfolio_detail .portfolio_detail_about .u-container-xxl{grid-template-columns:1fr}}#portfolioIndividual .portfolio_detail .portfolio_detail_about .c-base_ttl__ja{display:block}#portfolioIndividual .portfolio_detail .portfolio_detail_about .text{align-items:center;min-height:140px;font-size:1.8rem;display:flex}@media screen and (max-width:768px){#portfolioIndividual .portfolio_detail .portfolio_detail_about .text{font-size:1.5rem}}#portfolioIndividual .portfolio_detail .portfolio_detail_about .about,#portfolioIndividual .portfolio_detail .portfolio_detail_about .theme,#portfolioIndividual .portfolio_detail .portfolio_detail_about .solution{padding:var(--space-md) 0}#portfolioIndividual .portfolio_detail .portfolio_detail_about .theme{background:#fff;position:relative}#portfolioIndividual .portfolio_detail .portfolio_detail_about .theme:before{content:"";border:40px solid transparent;border-top-color:#fff;border-bottom-width:0;width:0;height:0;margin:auto;display:block;position:absolute;bottom:-40px;left:0;right:0}@media screen and (max-width:768px){#portfolioIndividual .portfolio_detail .portfolio_detail_about .theme:before{zoom:.5}}#portfolioIndividual .portfolio_detail .portfolio_detail_about .solution{background:#def0d6}#portfolioIndividual .portfolio_detail .portfolio_detail_photo{padding:var(--space-md) 3%}#portfolioIndividual .portfolio_detail .portfolio_detail_photo .portfolio_detail_photo_list{grid-template-columns:2fr 1fr 1fr;gap:3%;max-width:1400px;max-height:max(100vw,2000px);margin:auto;display:grid;overflow:hidden}@media screen and (max-width:768px){#portfolioIndividual .portfolio_detail .portfolio_detail_photo .portfolio_detail_photo_list{grid-template-columns:1fr 1fr;gap:15px}#portfolioIndividual .portfolio_detail .portfolio_detail_photo .portfolio_detail_photo_list .pc{grid-area:1/1/2/3}}#portfolioIndividual .portfolio_detail .portfolio_detail_photo .portfolio_detail_photo_list .photo{object-fit:cover;width:100%;height:100%;display:block}#portfolioIndividual .portfolio_detail .portfolio_detail_photo .portfolio_detail_photo_list img{width:100%;height:auto}#portfolioIndividual .portfolio_detail .portfolio_detail_btn{text-align:center;font-size:2rem;text-decoration:none}#portfolioIndividual .portfolio_detail .portfolio_detail_btn .fuki{justify-content:center;gap:1em;margin-bottom:1em;font-size:2rem;font-weight:700;display:flex}@media screen and (max-width:768px){#portfolioIndividual .portfolio_detail .portfolio_detail_btn .fuki{font-size:1.6rem}}#portfolioIndividual .portfolio_detail .portfolio_detail_btn .fuki:before{content:"＼";font-size:110%;display:block}#portfolioIndividual .portfolio_detail .portfolio_detail_btn .fuki:after{content:"／";font-size:110%;display:block}#portfolioIndividual .portfolio_detail .portfolio_detail_btn .fuki span{color:#5bb431}#portfolioIndividual .portfolio_detail .portfolio_detail_btn .c-base_btn{color:#5bb431;width:100%;max-width:800px;margin:auto;padding-left:1em;padding-right:1em;font-size:2.6rem;font-weight:700}@media screen and (max-width:768px){#portfolioIndividual .portfolio_detail .portfolio_detail_btn .c-base_btn{font-size:1.7rem;line-height:1.3}}@media (any-hover:hover){#portfolioIndividual .portfolio_detail .portfolio_detail_btn .c-base_btn:hover{color:#fff}}#portfolioIndividual .portfolio-introductionArea{text-align:center;background:#e5f3f0;padding:50px 1%;font-size:2rem;text-decoration:none}@media screen and (max-width:768px){#portfolioIndividual .portfolio-introductionArea{padding:15% 1%}}#portfolioIndividual .portfolio-introductionArea ._green{color:#0bbd9b}#portfolioIndividual .portfolio-introductionArea .c-base_btn{color:#16bd9c;border:3px solid #16bd9c;-webkit-border-radius:100vmax;border-radius:100vmax;width:90%;max-width:800px;margin:40px auto auto;padding-left:1em;padding-right:1em;font-size:2.6rem;font-weight:700}@media screen and (max-width:768px){#portfolioIndividual .portfolio-introductionArea .c-base_btn{font-size:1.7rem;line-height:1.3}}#portfolioIndividual .portfolio-introductionArea .c-base_btn:before{background:#16bd9c}@media (any-hover:hover){#portfolioIndividual .portfolio-introductionArea .c-base_btn:hover{color:#fff;box-sizing:border-box;background:#16bd9c;border:3px solid #fff}#portfolioIndividual .portfolio-introductionArea .c-base_btn:hover:before{background:#fff}}#portfolioIndividual .portfolio-introductionArea__lead{font-size:max(2.1rem,min(3vw,3.5rem));font-weight:800}#portfolioIndividual .p-seo__recommend{margin-top:50px;position:relative}@media screen and (max-width:576px){#portfolioIndividual .p-seo__recommend{margin-top:30px}}#portfolioIndividual .p-seo__recommend__lead{text-align:center;letter-spacing:.04em;line-height:1.8;font-size:max(2rem,min(3vw,3.6rem))!important}@media screen and (max-width:576px){#portfolioIndividual .p-seo__recommend__lead{text-align:left}}#portfolioIndividual .p-seo__recommend__list{grid-template-columns:repeat(3,1fr);max-width:800px;margin:40px auto 0;display:grid}#portfolioIndividual .p-seo__recommend__list ._strong{color:#0bbd9b;font-size:110%;font-weight:700}#portfolioIndividual .p-seo__recommend__list ._item{flex-direction:column;align-items:center;display:flex;position:relative}#portfolioIndividual .p-seo__recommend__list ._item:not(:first-child):before{content:"";background:#bfd3cf;width:1px;height:170px;display:block;position:absolute;top:10px;left:0}#portfolioIndividual .p-seo__recommend__list ._item ._img_box{align-items:center;max-width:156px;height:126px;display:flex}@media screen and (max-width:768px){#portfolioIndividual .p-seo__recommend__list ._item ._img_box{max-width:105px;height:116px;max-height:140px}}#portfolioIndividual .p-seo__recommend__list ._item ._img_box img{object-fit:contain;width:100%;height:100%;max-height:226px}@media screen and (max-width:576px){#portfolioIndividual .p-seo__recommend__list ._item ._img_box img{max-height:110px}}#portfolioIndividual .p-seo__recommend__list ._item ._txt{text-align:center;margin-top:15px}@media screen and (max-width:768px){#portfolioIndividual .p-seo__recommend__list ._item ._txt{font-size:1.6rem}}@media screen and (max-width:576px){#portfolioIndividual .p-seo__recommend__list ._item ._txt{text-align:left;padding:0 2% 2% 6%}}@media screen and (max-width:768px){#portfolioIndividual .p-seo__recommend__list ._item ._txt{text-align:left;font-size:1.5rem}}#portfolioIndividual .p-seo__recommend__list ._item ._txt ._strong{background-color:#fff;margin:0 2px;padding:0 3px;font-weight:700}#portfolioIndividual .p-seo__recommend__list ._item ._txt ._fs20{font-size:1.6rem}#portfolioIndividual .portfolio_other_list{grid-template-columns:1fr 1fr 1fr 1fr;gap:45px;display:grid}@media screen and (max-width:1480px){#portfolioIndividual .portfolio_other_list{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:1200px){#portfolioIndividual .portfolio_other_list{gap:20px}}@media screen and (max-width:768px){#portfolioIndividual .portfolio_other_list{grid-template-columns:1fr 1fr;gap:12px}}#portfolioIndividual .portfolio_other_list_item a{text-decoration:none}#portfolioIndividual .portfolio_other_list_item a .title{margin-bottom:10px;padding-left:16px;position:relative}#portfolioIndividual .portfolio_other_list_item a .title:before{content:"";background:#5bb431;-webkit-border-radius:100px;border-radius:100px;width:8px;height:8px;position:absolute;top:8px;left:0}#portfolioIndividual .portfolio_other_list_item a .post_cat_list,#portfolioIndividual .portfolio_other_list_item a .release{opacity:.7}#portfolioIndividual .portfolio_other_list_item a .photo{margin-bottom:20px}@media screen and (max-width:768px){#portfolioIndividual .portfolio_other_list_item a .photo{margin-bottom:10px}}#portfolioIndividual .portfolio_other_list_item a .photo img{aspect-ratio:400/460;object-fit:cover;object-position:top center;width:100%;height:auto;display:block}