ul.project-index-list{margin-bottom:4vmax}ul.project-index-list li{margin-bottom:4vmax}ul.project-index-list li a{display:block;position:relative;z-index:0;padding:4vw 4vw 0 4vw}ul.project-index-list li a .bgbox{position:relative;z-index:0;border-radius:1vw;overflow:hidden}ul.project-index-list li a .bgbox img{width:100%;transition:transform .6s ease}ul.project-index-list li a .bgbox:hover img{transform:scale(1.1)}ul.project-index-list li a .num{position:absolute;right:0;top:0;height:6vw;display:flex;align-items:center;justify-content:center;z-index:2}ul.project-index-list li a .num p{font-size:calc(3rem + .4vw);color:#fff;font-family:"Noto Sans",sans-serif;font-style:italic;z-index:1;padding:.5vw 2vw 0}ul.project-index-list li a .num img{display:block;position:absolute;right:0;top:0;width:12vw;z-index:0}ul.project-index-list li a p.title{color:#fff;font-size:calc(1.7rem + .4vw);background:#e60334;padding:.5em 1em;position:absolute;left:0;bottom:0}ul.project-index-list li:nth-of-type(2n) a .num{right:auto;left:0}ul.project-index-list li:nth-of-type(2n) a .num img{right:auto;left:0}ul.project-index-list li:nth-of-type(2n) a .title{left:auto;right:0}.project-top-section{position:relative;z-index:0}.project-top-section::after{content:"";width:25%;height:20%;background:url(../images/common/menu-bg-arrow-rev.svg) no-repeat center/contain;position:absolute;right:0;top:0;z-index:-1}h3.project-title{font-size:calc(3.2rem + .4vw);color:#e60334;text-align:center;margin-bottom:2vmax}p.project-num{color:#fff;font-size:calc(3.8rem + .4vw);position:absolute;top:3%;right:11vw}figure.project-mainvisual{width:100%}figure.project-mainvisual img{width:100%}.project-lead-content{width:calc(100% + 5vw + 10vw);background:#f1faff;padding:10vw 10vw 5vw 5vw;position:relative;top:-7vw;left:-5vw;z-index:-1}.project-lead-content h4.lead-title{font-size:calc(1.4rem + .4vw);margin-bottom:1em}.project-profile-content{background:#e60334}.project-profile-content p.title{color:#fff;font-size:calc(1.4rem + .4vw);border-bottom:1px solid #fff;padding:.5vmax 1vmax 0}.project-profile-content .profile-wrap{padding:3vmax 7vmax;display:flex;flex-wrap:wrap;gap:2vmax}.project-profile-content .profile-wrap .prof-box{width:calc(50% - 2vmax);display:flex;justify-content:space-between;align-items:flex-end}.project-profile-content .profile-wrap .prof-box figure{width:30%}.project-profile-content .profile-wrap .prof-box figure img{width:100%}.project-profile-content .profile-wrap .prof-box .text{width:65%;color:#fff}.project-profile-content .profile-wrap .prof-box .text p.name{font-size:calc(.7rem + .4vw);margin-bottom:1em}.project-profile-content .profile-wrap .prof-box .text p.name span{font-size:calc(1.1rem + .4vw);font-weight:700}.project-profile-content .profile-wrap .prof-box .text p.job{font-size:calc(.8rem + .4vw);line-height:1.4}.project-story-content p.project-mainread{font-size:calc(1.5rem + .4vw);font-weight:600;margin-bottom:2vmax;color:#e60334}.project-story-content .project-story-text{display:flex;justify-content:space-between;margin-bottom:3vmax}.project-story-content .project-story-text .icon{width:4.5vw;height:4.5vw;border-radius:50%;background:url(../images/project/project01-prof-img01.webp) no-repeat center center;background-size:contain}.project-story-content .project-story-text .icon.project01-01{background:url(../images/project/project01-prof-img01.webp) no-repeat center center;background-size:contain}.project-story-content .project-story-text .icon.project01-02{background:url(../images/project/project01-prof-img02.webp) no-repeat center center;background-size:contain}.project-story-content .project-story-text .icon.project01-03{background:url(../images/project/project01-prof-img03.webp) no-repeat center center;background-size:contain}.project-story-content .project-story-text .icon.project01-04{background:url(../images/project/project01-prof-img04.webp) no-repeat center center;background-size:contain}.project-story-content .project-story-text .icon.project03-01{background:url(../images/project/project03-prof-img.webp) no-repeat center center;background-size:contain}.project-story-content .project-story-text .icon.project03-02{background:url(../images/project/project03-prof-img02.webp) no-repeat center center;background-size:contain}.project-story-content .project-story-text .icon.project03-03{background:url(../images/project/project03-prof-img03.webp) no-repeat center center;background-size:contain}.project-story-content .project-story-text .icon.project03-04{background:url(../images/project/project03-prof-img04.webp) no-repeat center center;background-size:contain}.project-story-content .project-story-text .text{width:calc(100% - 6vw);font-size:calc(1rem + .4vw)}.project-story-content .project-story-text .text span.annotation{font-size:calc(.5rem + .4vw);vertical-align:super;margin-right:.2vw}.project-story-content .project-story-img{width:calc(100% + 20vw);position:relative;left:-10vw;display:flex;justify-content:space-between;margin-bottom:4vmax}.project-story-content .project-story-img figure{width:50%}.project-story-content .project-story-img figure img{width:100%}.project-story-content .project-story-img figure.wd100{width:100%}.project-story-content .project-story-img::before{content:"";width:15vw;height:50%;background:url(../images/common/menu-bg-arrow.svg) no-repeat center/contain;position:absolute;left:0;bottom:-34%}.project-story-content .project-story-img.reverse::before{background:url(../images/common/menu-bg-arrow-rev.svg) no-repeat center/contain;left:unset;bottom:unset;top:-16%;right:0}ul.project-footer-link{display:flex;justify-content:center;flex-wrap:wrap;gap:2%}ul.project-footer-link li{width:49%;margin-bottom:4vmax}ul.project-footer-link li a{display:block;position:relative}ul.project-footer-link li a figure{width:100%;border-radius:1vw;overflow:hidden}ul.project-footer-link li a figure img{width:100%;transition:transform .6s ease}ul.project-footer-link li a figure:hover img{transform:scale(1.1)}ul.project-footer-link li a p.num{font-size:calc(6rem + .4vw);color:#e60334;font-family:"Noto Sans",sans-serif;font-style:italic;font-weight:100;text-align:center;line-height:1;position:absolute;left:50%;bottom:0;transform:translate(-50%,50%)}@media screen and (max-width:1024px) and (orientation:portrait){ul.project-index-list li a .bgbox{border-radius:1vw 1vw 0 0}ul.project-index-list li a .bgbox img{object-fit:cover;height:36vw}ul.project-index-list li a .num p{font-size:calc(2.2rem + .4vw)}ul.project-index-list li a .num img{top:-3vw;width:20vw}ul.project-index-list li a p.title{font-size:calc(1.4rem + .4vw);position:unset}h3.project-title{margin-bottom:3vmax}p.project-num{font-size:calc(3rem + .4vw);top:5.5%;right:5vw}figure.project-mainvisual{overflow:hidden}figure.project-mainvisual img{object-fit:cover;height:40vw}.project-lead-content{padding:10vw 10vw 5vw 7.5vw;left:-7.5vw}.project-profile-content .profile-wrap{padding:3vmax 1vmax 3vmax 3vmax}.project-profile-content .profile-wrap .prof-box{justify-content:flex-start;flex-direction:column}.project-profile-content .profile-wrap .prof-box figure{width:100%}.project-profile-content .profile-wrap .prof-box .text{width:100%}.project-profile-content .profile-wrap .prof-box .text p.name{margin-bottom:.5em}.project-profile-content .profile-wrap .prof-box .text p.job{font-size:calc(.9rem + .4vw)}.project-story-content .project-story-text .icon{width:11vw;height:11vw}.project-story-content .project-story-text .text{width:calc(100% - 11vw);font-size:calc(1.2rem + .4vw);margin-left:1rem}.project-story-content .project-story-text .text span.annotation{font-size:calc(.8rem + .4vw)}.project-story-content .project-story-img figure img{height:36vw;object-fit:cover}ul.project-footer-link li a figure img{object-fit:cover;height:19vw}ul.project-footer-link li a p.num{font-size:calc(4.5rem + .4vw)}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.project-profile-content .profile-wrap{padding:3vmax;flex-wrap:nowrap}.project-profile-content .profile-wrap .prof-box{justify-content:flex-start;flex-direction:column}.project-profile-content .profile-wrap .prof-box figure{width:100%}.project-profile-content .profile-wrap .prof-box .text{width:100%}.project-profile-content .profile-wrap .prof-box .text p.name{margin-bottom:.5em}.project-profile-content .profile-wrap .prof-box .text p.job{font-size:calc(.9rem + .4vw)}.project-story-content .project-story-text .icon{width:8vw;height:8vw}}