.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;.filter{display:block;position:absolute;translate:-50% 0;top:0;left:50%;width:77.1875cqw;height:100%;background-color:#000d294d;mix-blend-mode:color;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}}.flow{width:76.875cqw;margin:9.6875cqw auto 0;.block{.num{font-family:var(--jost);font-size:9.375cqw;text-align:center;color:var(--dark-blue)}.content{position:relative;display:flex;column-gap:8.4375cqw;margin:11.5625cqw 0 15cqw;.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;transition:display .3s ease}.image{display:block;width:44.0625cqw;height:max-content;filter:grayscale(100%);transition:filter .5s ease}&.-active{&:before{display:none}.image{filter:grayscale(0)}}}.text-wrap{margin-top:3.515625cqw;.text01{font-family:var(--shippori-mincho);font-size:1.875cqw;font-weight:600;letter-spacing:.1em;color:var(--dark-blue)}.text02{font-size:1.09375cqw;color:var(--dark-blue);margin-top:3.75cqw;line-height:2;letter-spacing:.1em;text-align:justify;word-break:break-all}}&:before{content:"";position:absolute;top:-13.125cqw;left:50%;width:1px;height:9.375cqw;background:repeating-linear-gradient(180deg,#000d29,#000d29 .3125cqw,transparent .3125cqw,transparent .625cqw) repeat-y;background-size:1px .625cqw}&:after{content:"";position:absolute;bottom:-13.125cqw;left:50%;width:1px;height:9.375cqw;background:repeating-linear-gradient(180deg,#000d29,#000d29 .3125cqw,transparent .3125cqw,transparent .625cqw) repeat-y;background-size:1px .625cqw}}&:nth-last-child(2n){.content{flex-direction:row-reverse}}&:last-of-type{.content{&:after{display:none}}}}}}}@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}}.flow{width:100%;margin:64px auto 0;.block{.num{font-size:6.4rem}.content{position:relative;display:block;margin:72px 0 88px;.img-wrap{&:before{width:80.8%;max-width:500px}.image{width:80.8%;max-width:500px;margin-right:auto}}.text-wrap{width:86.9333333%;max-width:500px;margin:32px auto;.text01{font-size:2rem}.text02{font-size:1.4rem;margin-top:24px}}&:before{top:-72px;height:48px;background:repeating-linear-gradient(180deg,#000d29,#000d29 4px,transparent 4px,transparent 8px) repeat-y}&:after{bottom:-72px;height:48px;background:repeating-linear-gradient(180deg,#000d29,#000d29 4px,transparent 4px,transparent 8px) repeat-y}}&:nth-last-child(2n){.content{.img-wrap{&:before{left:unset;right:0}.image{margin-right:0;margin-left:auto}}}}&:last-of-type{.content{&:after{display:none}}}}}}}}