.main{margin:min(15.625cqw,200px) auto min(12.5cqw,160px);.inner{max-width:1280px;margin:0 auto;container-type:inline-size;.ttl-wrap{padding-left:11.5625cqw;.ttl{font-family:var(--jost);font-size:9.375cqw;color:var(--dark-blue);letter-spacing:.08em}.sub-ttl{font-family:var(--shippori-mincho);font-size:1.875cqw;color:var(--dark-blue)}}.fv-img{position:relative;z-index:2;.filter{display:block;position:absolute;translate:-50% 0;top:0;left:50%;width:77.1875cqw;height:100%;mix-blend-mode:color;background-color:#000d294d;z-index:2;transition:display .3s ease}.image{display:block;position:relative;width:77.1875cqw;height:max-content;margin:12.5cqw auto 0;filter:grayscale(100%);transition:filter 1s ease}&.-active{.filter{display:none}.image{filter:grayscale(0)}}&:before{content:"";position:absolute;top:0;left:0;width:16.25cqw;aspect-ratio:208 / 560;background-color:#fff0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:3}&:after{content:"";position:absolute;top:0;right:0;width:16.25cqw;aspect-ratio:208 / 560;background-color:#fff0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:3}.name-block{display:flex;column-gap:24.53125cqw;position:absolute;translate:-50% 0;bottom:0;left:50%;.block{width:19.609375cqw;aspect-ratio:251 / 147;background-color:#fff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.796875cqw 2.5cqw;.text{font-family:var(--shippori-mincho);font-size:1.09375cqw;font-weight:700;color:#fff;letter-spacing:.1em;filter:drop-shadow(0 0 30px rgba(0,0,0,.7))}.name{font-family:var(--shippori-mincho);font-size:1.875cqw;font-weight:700;color:#fff;letter-spacing:.1em;margin-top:1.25cqw;filter:drop-shadow(0 0 30px rgba(0,0,0,.7))}}}.name-block_sp{display:none}}.intro{margin-top:9.375cqw;padding-left:11.5625cqw;.text{font-family:var(--shippori-mincho);font-size:3.125cqw;font-weight:500;letter-spacing:.1em;color:var(--dark-blue)}}.content{margin:9.375cqw auto 0;.block{display:flex;width:63.75cqw;column-gap:8.4375cqw;margin:0 auto;+.block{margin-top:9.375cqw}.text-wrap{.text{font-size:1.09375cqw;letter-spacing:.12em;line-height:2.2;text-align:justify;word-break:break-all;color:var(--dark-blue);+.text{margin-top:3.125cqw}}}.img-wrap{display:block;width:fit-content;height:max-content;position:relative;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000d294d;mix-blend-mode:color;z-index:2}img{display:block;width:24.375cqw;height:max-content;aspect-ratio:312 / 320;filter:grayscale(100%);transition:filter 1s ease}&.-active{&:before{display:none}img{filter:grayscale(0)}}}}}}}@media (max-width: 768px){.main{margin:96px auto 100px;.inner{width:100%;max-width:500px;.ttl-wrap{padding:0 24px;.ttl{font-size:5.6rem}.sub-ttl{font-size:2rem}}.fv-img{.filter{translate:-50% 0;top:0;left:50%;width:86.93333333%;height:49.33333333cqw;background-color:#000d294d;mix-blend-mode:color;z-index:2}.image{width:86.93333333%;aspect-ratio:326 / 185;margin:80px auto 0;transition:filter 2s ease}&:before{width:18.1333333cqw;aspect-ratio:68 / 185}&:after{width:18.1333333cqw;aspect-ratio:68 / 185}.name-block{display:none}.name-block_sp{display:block;margin:24px 24px 0;.company{font-family:var(--shippori-mincho);font-size:1.4rem;color:var(--dark-blue)}.container{display:flex;column-gap:56px;margin:16px 0 0 4px;color:var(--dark-blue);.name{font-family:var(--shippori-mincho);font-size:2rem;color:var(--dark-blue);.position{font-size:1.4rem}}}}}.intro{margin-top:64px;padding:0 24px;.text{font-size:2.4rem}}.content{margin:64px auto 0;.block{display:flex;width:86.6666666%;margin:0 25px;+.block{margin-top:64px}&:nth-of-type(1){flex-direction:column-reverse;img{margin-left:auto}}&:nth-of-type(2){flex-direction:column;img{margin-right:auto}}.text-wrap{.text{font-size:1.4rem;+.text{margin-top:40px}}}.img-wrap{&:before{height:calc(100% - 40px);will-change:mix-blend-mode}img{display:block;width:72cqw;height:max-content;aspect-ratio:270 / 277;margin-bottom:40px}}}}}}}