.main-visual{width:100%;height:600px;padding:0 var(--overall-margins);z-index:1;background-color:#fff;position:relative}.main-visual:before{content:"";mix-blend-mode:screen;background-color:#fff;background-image:radial-gradient(#000 60%,#0000 100%);background-position:0 0;background-size:3px 3px;position:absolute;inset:0}.main-visual .w1500{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);z-index:1;justify-content:center;gap:var(--vw30);height:100%;padding-top:var(--nav-height);flex-direction:column;display:flex;position:relative}.main-visual .w1500:before,.main-visual .w1500:after{content:"";-webkit-mask-image:var(--icon-plus);mask-image:var(--icon-plus);width:var(--plus-width);aspect-ratio:1;bottom:calc(var(--plus-width) / 2 * -1);background-color:#000;position:absolute;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.main-visual .w1500:before{left:calc(var(--plus-width) / 2 * -1)}.main-visual .w1500:after{right:calc(var(--plus-width) / 2 * -1)}.main-visual .w1500 h1{color:#fff;font-size:5rem;font-weight:700}.main-visual .w1500 .sub{color:#fff;align-items:center;gap:8px;display:flex}.main-visual .w1500 .sub:before{content:"";aspect-ratio:1;background-color:var(--blue02);border-radius:3px;width:12px}.main-visual .w1500 p{color:#fff}.main-visual .w1500 .c-btn{color:#fff;background-image:linear-gradient(90deg,#1d3a99,#508afe);justify-content:center;align-items:center;gap:8px;width:180px;height:40px;display:flex}.main-visual .w1500 .c-btn img{fill:#fff;width:20px;height:auto}.main-visual .w1500 .c-btn:after{content:"";aspect-ratio:1;width:20px;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--icon-arrow);mask-image:var(--icon-arrow);background-color:#fff;transition:all .4s}.main-visual .w1500 .c-btn:hover:after{transform:translate(8px)}.main-visual .bg{z-index:-1;filter:contrast(1.5);width:100%;height:100%;position:absolute;inset:0}.main-visual .bg img{object-fit:cover;filter:blur(.4px)saturate(1.1);width:100%;height:100%}.block1{padding:0 var(--overall-margins)}.block1 .box{width:calc(100% + var(--overall-margins) * 2);margin-left:calc(var(--overall-margins) * -1);padding:0 var(--overall-margins);border-bottom:1px solid var(--border-color);background-color:#fff}.block1 .box .w1500{padding:var(--vw80) var(--overall-margins)}.block1 .box .w1500>h2{margin-bottom:var(--vw60)}.block1 .box .w1500 .txt+.txt{margin-top:var(--vw40)}.block1 .contents{z-index:1;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background-color:#fff;position:relative}.block1 .contents h3{flex-direction:column;font-size:1.8rem;line-height:1.4;display:flex}.block1 .contents h3 span{color:var(--gray);font-size:3rem}.block1 .contents .cross{z-index:1;width:100%;height:auto;position:absolute;left:0}.block1 .contents .cross:first-of-type{top:0}.block1 .contents .cross:last-of-type{bottom:0}.block1 .contents .cross:before,.block1 .contents .cross:after{content:"";-webkit-mask-image:var(--icon-plus);mask-image:var(--icon-plus);width:var(--plus-width);aspect-ratio:1;top:calc(var(--plus-width) / 2 * -1);background-color:#000;position:absolute;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.block1 .contents .cross:before{left:calc(var(--plus-width) / 2 * -1)}.block1 .contents .cross:after{right:calc(var(--plus-width) / 2 * -1)}.block1 .contents .text,.block1 .contents .img{padding:40px 0}.block1 .contents .text{gap:var(--vw30);flex-direction:column;display:flex}.block1 .contents .grid01{grid-template-columns:repeat(2,1fr);align-items:center;gap:40px;display:grid}.block1 .contents .grid01 .text{z-index:1;justify-content:center;height:100%;position:relative}.block1 .contents .grid01 .text:before{content:"";background-color:var(--border-color);width:calc(100% + 40px);height:1px;position:absolute;bottom:40px;left:-40px}.block1 .contents .grid01 .text:after{content:"";-webkit-mask-image:var(--icon-plus);mask-image:var(--icon-plus);width:var(--plus-width);aspect-ratio:1;bottom:calc(var(--plus-width) / 2 * -1 + 40px);right:calc(var(--plus-width) / 2 * -1);background-color:#000;position:absolute;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.block1 .contents .grid01 .img .bg{background-color:#f5f9fc;background-image:var(--bg-line);background-repeat:repeat;background-size:10px 10px;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.block1 .contents .grid01 .img .bg>div{z-index:1;position:relative}.block1 .contents .grid01 .img .bg .corner{aspect-ratio:1;width:30px;height:auto;position:absolute}.block1 .contents .grid01 .img .bg .corner:first-of-type{border-top:2px solid var(--border-color);border-left:2px solid var(--border-color);top:-8px;left:-8px}.block1 .contents .grid01 .img .bg .corner:last-of-type{border-bottom:2px solid var(--border-color);border-right:2px solid var(--border-color);bottom:-8px;right:-8px}.block1 .contents .grid01 .img .bg picture{border:1px solid var(--border-color);max-width:300px}.block1 .contents .grid02{grid-template-columns:repeat(2,1fr);gap:0 80px;display:grid}.block1 .contents .grid03{grid-template-columns:repeat(2,1fr);align-items:center;gap:40px;display:grid}.block1 .contents .grid03 .text{z-index:1;justify-content:center;height:100%;position:relative}.block1 .contents .grid03 .text:before{content:"";background-color:var(--border-color);width:calc(100% + 40px);height:1px;position:absolute;top:40px;right:-40px}.block1 .contents .grid03 .text:after{content:"";-webkit-mask-image:var(--icon-plus);mask-image:var(--icon-plus);width:var(--plus-width);aspect-ratio:1;top:calc(var(--plus-width) / 2 * -1 + 40px);left:calc(var(--plus-width) / 2 * -1);background-color:#000;position:absolute;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.block1 .contents .grid03 .img .bg{background-color:#f5f9fc;background-image:var(--bg-line);background-repeat:repeat;background-size:10px 10px;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.block1 .contents .grid03 .img .bg picture{border:1px solid var(--border-color);max-width:300px}.block1 .contents .grid03 .img .screen{aspect-ratio:400/360;width:100%;max-width:400px;height:auto}.block1 .contents .grid03 .img .screen .mask{background-color:#fff;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;height:100%;padding:20px;animation:3s ease-in-out infinite fadeSlide;display:grid}.block1 .contents .grid03 .img .screen .mask>div{background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 50%,#e0e0e0 75%) 0 0/200% 100%;animation:3s infinite loading}.block1 .contents .grid03 .img .screen .mask>div:nth-of-type(2),.block1 .contents .grid03 .img .screen .mask>div:nth-of-type(7),.block1 .contents .grid03 .img .screen .mask>div:nth-of-type(8){grid-column:1/3}.block1 .contents .grid03 .img .screen .mask>div:nth-of-type(6){grid-area:3/2/6/3}@keyframes loading{0%{background-position:200% 0}10%{background-position:200% 0}90%{background-position:-200% 0}to{background-position:-200% 0}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(20px)}10%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}90%{opacity:0;transform:translateY(-20px)}to{opacity:0;transform:translateY(-20px)}}.block2{border-top:1px solid var(--border-color);padding:0 var(--overall-margins);background-color:#fff}.block2 .w1500{background-image:var(--bg-line);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background-repeat:repeat;background-size:10px 10px;grid-template-columns:300px 1fr;padding:0;display:grid}.block2 .w1500 .box01{padding:var(--vw80) 40px;background-color:#fff;border:none;height:100%}.block2 .w1500 .box01 h2.ttl{top:calc(var(--nav-height) + 40px);position:sticky}.block2 .w1500 .grid{z-index:1;border-left:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);gap:40px 0;padding:40px 0;display:grid;position:relative}.block2 .w1500 .grid:before{content:"";border-right:1px solid var(--border-color);pointer-events:none;-webkit-user-select:none;user-select:none;width:50%;height:100%;position:absolute;top:0;left:0}.block2 .w1500 .grid .cross{display:none}.block2 .w1500 .grid .box{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:#fff;flex-direction:column;gap:20px;height:fit-content;padding:40px 30px;display:flex}.block2 .w1500 .grid .box:nth-of-type(2n){margin-top:40px}.block2 .w1500 .flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.block2 .w1500 .flex a{background-color:var(--dark);color:#fff;justify-content:center;align-items:center;gap:16px;width:180px;height:40px;transition:all .4s;display:flex}.block2 .w1500 .flex a i{z-index:1;border:1px solid var(--border-color);width:10px;height:8px;position:relative}.block2 .w1500 .flex a i:before{content:"";background-color:var(--border-color);width:6px;height:1px;position:absolute;bottom:-4px;right:-4px}.block2 .w1500 .flex a i:after{content:"";background-color:var(--border-color);width:1px;height:6px;position:absolute;bottom:-4px;right:-4px}.block2 .w1500 .flex a:hover{opacity:.5}.block2 .w1500 h3{flex-direction:column;gap:8px;font-size:1.8rem;display:flex}.block2 .w1500 h3 span{color:var(--blue02);font-size:1.4rem}.block2 .w1500 .img{aspect-ratio:3/2;background-color:#f5f9fc;background-image:var(--bg-line);background-repeat:repeat;background-size:10px 10px;justify-content:center;align-items:center;width:100%;display:flex}.block2 .w1500 .img picture{width:100%;height:100%}.block2 .w1500 .img picture img{object-fit:cover;width:100%;height:100%}@media screen and (width<=1200px){.block2 .w1500{grid-template-columns:max-content 1fr}.block2 .w1500 .box01{padding:var(--vw80) 20px}}@media screen and (width<=1024px){.block1 .contents .grid02{grid-template-columns:1fr}.block1 .contents .grid02 .text{z-index:1;position:relative}.block1 .contents .grid02 .text:first-of-type:after{content:"";background-color:var(--border-color);width:100%;height:1px;position:absolute;bottom:0;left:0}.block1 .contents .grid02 .text:last-of-type:before,.block1 .contents .grid02 .text:last-of-type:after{content:"";-webkit-mask-image:var(--icon-plus);mask-image:var(--icon-plus);width:var(--plus-width);aspect-ratio:1;top:calc(var(--plus-width) / 2 * -1);background-color:#000;position:absolute;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.block1 .contents .grid02 .text:last-of-type:before{left:calc(var(--plus-width) / 2 * -1)}.block1 .contents .grid02 .text:last-of-type:after{right:calc(var(--plus-width) / 2 * -1)}.block1 .contents .grid03 .img .screen .mask{gap:10px}.block2 .w1500{border:none;flex-direction:column;display:flex}.block2 .w1500 .grid{border-right:1px solid var(--border-color)}.block2 .w1500 .grid:after{content:"";width:calc(100% + var(--overall-margins) * 2);background-color:var(--border-color);height:1px;top:0;left:calc(var(--overall-margins) * -1);position:absolute}.block2 .w1500 .grid .cross{z-index:1;width:100%;height:auto;display:block;position:absolute;left:0}.block2 .w1500 .grid .cross:first-of-type{top:0}.block2 .w1500 .grid .cross:last-of-type{bottom:0}.block2 .w1500 .grid .cross:before,.block2 .w1500 .grid .cross:after{content:"";-webkit-mask-image:var(--icon-plus);mask-image:var(--icon-plus);width:var(--plus-width);aspect-ratio:1;top:calc(var(--plus-width) / 2 * -1);background-color:#000;position:absolute;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.block2 .w1500 .grid .cross:before{left:calc(var(--plus-width) / 2 * -1)}.block2 .w1500 .grid .cross:after{right:calc(var(--plus-width) / 2 * -1)}}@media screen and (width<=768px){.main-visual{height:500px}.main-visual:before{display:none}.main-visual .w1500 h1{font-size:3rem}.main-visual .bg:after{content:"";background-color:#00000080;width:100%;height:100%;position:absolute;inset:0}.main-visual .bg img{filter:blur(.4px)saturate(1.05)}.block1 .contents{flex-direction:column;gap:40px;padding-top:40px;padding-bottom:40px;display:flex}.block1 .contents h3{border-bottom:1px solid var(--blue02);padding-bottom:4px}.block1 .contents .text,.block1 .contents .img{padding:0}.block1 .contents .grid01{flex-direction:column;gap:20px;display:flex}.block1 .contents .grid01 .text:before,.block1 .contents .grid01 .text:after{display:none}.block1 .contents .grid02{gap:40px}.block1 .contents .grid02 .text:before,.block1 .contents .grid02 .text:after{display:none}.block1 .contents .grid03{flex-direction:column-reverse;display:flex}.block1 .contents .grid03 .img{width:100%}.block1 .contents .grid03 .text:before,.block1 .contents .grid03 .text:after{display:none}.block2 .w1500 .grid{grid-template-columns:1fr}.block2 .w1500 .grid:before{display:none}.block2 .w1500 .grid .box:nth-of-type(2n){margin-top:0}}