.main-visual{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:1440/768;display:flex;align-items:flex-end}.main-visual .w1280{color:#fff;padding-bottom:clamp(40px,7.8431372549vw,100px);display:flex;flex-direction:column;gap:40px;position:relative;z-index:1}.main-visual .w1280 h1{font-weight:900;font-size:clamp(3.1rem,5.3333333333vw,6.8rem);line-height:1.3;opacity:0;animation:1s forwards opacity .6s;text-shadow:0px 0px 5px rgba(0,0,0,.7)}.main-visual .w1280 p{font-size:clamp(1.9rem,2.1960784314vw,2.8rem);opacity:0;animation:1s forwards opacity .8s;text-shadow:0px 0px 5px rgba(0,0,0,.7)}.main-visual .w1280 img{position:absolute;bottom:12%;left:46%;z-index:-1;width:clamp(220px,27.4509803922vw,350px);opacity:0;animation:1s forwards opacity 1s}.main-visual .bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:grid;grid-template-columns:repeat(4, 1fr)}.main-visual .bg>div{height:100%;position:relative;z-index:1}.main-visual .bg picture{width:100%;height:100%;position:absolute;inset:0;opacity:0;display:flex;justify-content:flex-end}.main-visual .bg picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-visual[data-visual=display01] .bg picture:first-of-type{animation:1s both opacity;z-index:4}.main-visual[data-visual=display01] .bg picture:first-of-type img{animation:1s both img_size}.main-visual[data-visual=display01] .bg picture:nth-of-type(3){animation:1s both opacity}.main-visual[data-visual=display02] .bg picture:first-of-type{animation:1s both opacity}.main-visual[data-visual=display02] .bg picture:nth-of-type(2){animation:1s both opacity}.main-visual[data-visual=display02] .bg picture:nth-of-type(2) img{animation:1s both img_size}.main-visual[data-visual=display03] .bg picture:nth-of-type(2){animation:1s both opacity}.main-visual[data-visual=display03] .bg picture:nth-of-type(3){animation:1s both opacity}.main-visual[data-visual=display03] .bg picture:nth-of-type(3) img{animation:1s both img_size}.main-visual[data-visual=display01] .bg>div:nth-of-type(2) picture,.main-visual[data-visual=display02] .bg>div:nth-of-type(2) picture,.main-visual[data-visual=display03] .bg>div:nth-of-type(2) picture{animation-delay:.4s}.main-visual[data-visual=display01] .bg>div:nth-of-type(2) picture img,.main-visual[data-visual=display02] .bg>div:nth-of-type(2) picture img,.main-visual[data-visual=display03] .bg>div:nth-of-type(2) picture img{animation-delay:.4s}.main-visual[data-visual=display01] .bg>div:nth-of-type(3) picture,.main-visual[data-visual=display02] .bg>div:nth-of-type(3) picture,.main-visual[data-visual=display03] .bg>div:nth-of-type(3) picture{animation-delay:.8s}.main-visual[data-visual=display01] .bg>div:nth-of-type(3) picture img,.main-visual[data-visual=display02] .bg>div:nth-of-type(3) picture img,.main-visual[data-visual=display03] .bg>div:nth-of-type(3) picture img{animation-delay:.8s}.main-visual[data-visual=display01] .bg>div:nth-of-type(4) picture,.main-visual[data-visual=display02] .bg>div:nth-of-type(4) picture,.main-visual[data-visual=display03] .bg>div:nth-of-type(4) picture{animation-delay:1.2s}.main-visual[data-visual=display01] .bg>div:nth-of-type(4) picture img,.main-visual[data-visual=display02] .bg>div:nth-of-type(4) picture img,.main-visual[data-visual=display03] .bg>div:nth-of-type(4) picture img{animation-delay:1.2s}.main-visual.first-time .bg>div:nth-of-type(2) picture,.main-visual.first-time .bg>div:nth-of-type(3) picture,.main-visual.first-time .bg>div:nth-of-type(4) picture{animation-delay:0s}.main-visual.first-time .bg>div:nth-of-type(2) picture img,.main-visual.first-time .bg>div:nth-of-type(3) picture img,.main-visual.first-time .bg>div:nth-of-type(4) picture img{animation-delay:0s}.main-visual.first-time .bg>div picture{justify-content:flex-start}.main-visual.first-time .bg>div picture:nth-of-type(2),.main-visual.first-time .bg>div picture:nth-of-type(3){animation:none}.main-visual .scroll{position:absolute;bottom:24px;right:30px;writing-mode:vertical-rl;display:flex;flex-direction:row;align-items:center;gap:16px}.main-visual .scroll span{color:#fff;font-family:var(--ff-en);font-size:var(--fz18)}.main-visual .scroll::after{content:"";animation:scroll 2s infinite;background-color:#fff;width:1px;height:100px}@keyframes img_size{0%{width:50%}100%{width:100%}}@keyframes scroll{0%{transform:scale(1, 0);transform-origin:0 0}50%{transform:scale(1, 1);transform-origin:0 0}51%{transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);transform-origin:0 100%}}.block1{position:relative;z-index:1;margin-top:-1px;color:#fff;padding-top:var(--vw120)}.block1 .w1440{position:relative;z-index:1;padding:0}.block1 h2{color:#fff}.block1 .text{margin-top:var(--vw80);padding-bottom:var(--vw120);display:flex;flex-direction:column;gap:var(--vw60)}.block1 .text h3{font-size:4rem;font-weight:bold;line-height:1.3;display:flex;flex-direction:column}.block1 .text .btn01{max-width:282px}.block1 .text .btn01::after{right:16px}.block1 .img-area{position:absolute;bottom:0;right:0;z-index:-1;width:44.4%;max-width:640px;display:flex;justify-content:flex-end}.block1 .img-area .paint{position:absolute;top:-29%;left:-17%;width:100%}.block1 .img-area picture{width:93.75%;height:auto;aspect-ratio:600/640;clip-path:polygon(23% 12%, 100% 0, 100% 100%, 0% 100%)}.block1 .img-area picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block1 .bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%}.block1 .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block2{padding:var(--vw100) 0;overflow:hidden;background-color:#fff}.block2 .area-tab{display:flex;align-items:center;gap:40px;margin:var(--vw60) 0}.block2 .area-tab h3{font-weight:bold;font-size:var(--fz20)}.block2 .area-tab ul{display:flex;gap:16px}.block2 .area-tab ul button{width:-moz-fit-content;width:fit-content;min-width:120px;border:2px solid var(--blue);border-radius:5px;font-size:var(--fz16);font-weight:bold;padding:10px 16px;color:var(--blue);transition:.4s}.block2 .area-tab ul button.active{background-color:var(--blue);color:#fff}.block2 .area-tab ul button:hover{opacity:.5}.block2 .contents{width:100%;position:relative;z-index:1;display:grid}.block2 .contents .splide.is-initialized:not(.is-active) .splide__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.block2 .contents .splide.is-initialized:not(.is-active) .splide__arrows{display:none}.block2 .contents .contant-tab{width:100%;min-width:0;position:relative;z-index:1;grid-area:1/1;display:none}.block2 .contents .contant-tab .splide__track{overflow:visible}.block2 .contents .contant-tab .splide__slide{border-radius:5px;overflow:hidden;position:relative;z-index:1;display:flex}.block2 .contents .contant-tab .splide__slide::before{content:"";width:100%;height:100%;background-color:#e7eef6;position:absolute;inset:0;z-index:-1}.block2 .contents .contant-tab .splide__slide a{display:flex;flex-direction:column;font-size:1.6rem;flex:1}.block2 .contents .contant-tab .splide__slide a .content{display:flex;flex-direction:column;gap:24px;justify-content:space-between;padding:16px;height:100%}.block2 .contents .contant-tab .splide__slide a .content>*{transition:.4s}.block2 .contents .contant-tab .splide__slide a picture{width:100%;height:auto;aspect-ratio:900/523;overflow:hidden;background-color:#fff;flex-shrink:0}.block2 .contents .contant-tab .splide__slide a picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.4s}.block2 .contents .contant-tab .splide__slide a .text{display:flex;flex-direction:column;gap:24px}.block2 .contents .contant-tab .splide__slide a .text .t-box{display:flex;flex-direction:column;gap:16px}.block2 .contents .contant-tab .splide__slide a .text .code{font-weight:bold}.block2 .contents .contant-tab .splide__slide a .text h3{font-size:2rem;font-weight:bold;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block2 .contents .contant-tab .splide__slide a .text h3.new{position:relative;z-index:1;padding-left:74px}.block2 .contents .contant-tab .splide__slide a .text h3.new::before{content:"NEW";position:absolute;top:0;left:0;width:66px;min-height:27px;display:flex;justify-content:center;align-items:center;background-color:#ff3d81;color:#fff;font-weight:bold;border-radius:32px;font-size:var(--fz16);font-family:var(--ff-en);line-height:1}.block2 .contents .contant-tab .splide__slide a .text .tag{display:flex;flex-wrap:wrap;gap:8px}.block2 .contents .contant-tab .splide__slide a .text .tag span{color:#fff;padding:8px 10px;background-color:var(--light-blue);border-radius:32px;font-weight:bold}.block2 .contents .contant-tab .splide__slide a .text .area{display:flex;align-items:center;gap:8px}.block2 .contents .contant-tab .splide__slide a .text .area::before{content:"";width:16px;height:18px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--icon-map);mask-image:var(--icon-map);-webkit-mask-size:contain;mask-size:contain;background-color:var(--blue)}.block2 .contents .contant-tab .splide__slide a .text p.txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block2 .contents .contant-tab .splide__slide a .flex{display:flex;justify-content:space-between;align-items:center}.block2 .contents .contant-tab .splide__slide a .flex i{width:72px;height:32px;display:flex;justify-content:center;align-items:center;background-color:var(--blue);border-radius:40px;transition:.4s}.block2 .contents .contant-tab .splide__slide a .flex i::before{content:"";width:13px;height:11.55px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--icon-arrow02);mask-image:var(--icon-arrow02);-webkit-mask-size:contain;mask-size:contain;background-color:#fff}.block2 .contents .contant-tab .splide__slide a:hover .content>*{opacity:.5}.block2 .contents .contant-tab .splide__slide a:hover picture img{opacity:.5;transform:scale(1.05)}.block2 .contents .contant-tab .splide__arrows{position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(100vw - 60px);height:100%;z-index:2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center}.block2 .contents .contant-tab .splide__arrows .splide__arrow{pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;width:80px;height:auto;aspect-ratio:1;border:3px solid var(--blue);background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s}.block2 .contents .contant-tab .splide__arrows .splide__arrow::before{content:"";width:24px;height:21.82px;background-color:var(--blue);-webkit-mask-image:var(--icon-arrow03);mask-image:var(--icon-arrow03);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:.4s}.block2 .contents .contant-tab .splide__arrows .splide__arrow.splide__arrow--prev::before{transform:rotate(180deg)}.block2 .contents .contant-tab .splide__arrows .splide__arrow:hover{background-color:var(--blue)}.block2 .contents .contant-tab .splide__arrows .splide__arrow:hover::before{background-color:#fff}.block2 .contents .contant-tab .splide__arrows .splide__arrow:disabled{opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.block2 .contents .contant-tab.active{display:block}.block2 .no-data{text-align:center;padding:var(--vw100) 15px}.block2 .btn-area{margin-top:var(--vw60);display:flex;justify-content:center}.block3 .w1050{padding-top:var(--vw100);padding-bottom:var(--vw100)}.block3 .w1050 .grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:4%;margin-top:35px}.block3 .w1050 .grid>a{display:flex;flex-direction:column;gap:24px;transition:.4s}.block3 .w1050 .grid>a:hover{opacity:.5}.block3 .w1050 .grid picture{border-radius:5px;overflow:hidden}.block3 .w1050 .grid picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block3 .w1050 .grid .text{display:flex;flex-direction:column;gap:24px}.block3 .w1050 .grid .text .flex span{font-size:var(--fz16);color:var(--blue);border:1px solid var(--blue);border-radius:40px;padding:3px 16px}.block3 .w1050 .grid .text h3{font-size:var(--fz24);font-weight:bold;line-height:var(--base-lh)}.block3 .w1050 .btn-area{display:flex;justify-content:center;margin-top:var(--vw80)}.block4{background-color:#2d4c7f;padding:var(--vw100) 0;position:relative;z-index:1}.block4 h2.ttl{color:#fff}.block4 h2.ttl .en{color:#fff}.block4 .grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:16px;margin-top:var(--vw60)}.block4 .grid>div{border-top:1px solid #fff;border-bottom:1px solid #fff;padding:40px 0;position:relative;z-index:1;min-height:264px;display:flex;align-items:flex-end}.block4 .grid>div h3{position:absolute;top:40px;left:0;display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--fz20);font-weight:bold}.block4 .grid>div h3::before{content:"";width:8px;aspect-ratio:1;background-color:var(--light-blue);border-radius:50%}.block4 .grid>div .flex{width:100%;display:flex;justify-content:flex-end;align-items:flex-end;gap:24px;max-height:82px}.block4 .grid>div .flex i{background-color:var(--light-blue);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.block4 .grid>div .flex .column{display:flex;flex-direction:column;gap:24px}.block4 .grid>div .flex strong{display:flex;align-items:flex-end;color:#fff;font-size:var(--fz20);font-weight:bold;gap:8px}.block4 .grid>div .flex strong span{font-size:11.6rem;align-items:flex-end;font-family:var(--ff-en);line-height:.7}.block4 .grid>div .icon01{-webkit-mask-image:var(--icon-hand);mask-image:var(--icon-hand);width:66px;height:60px;margin-bottom:10px}.block4 .grid>div .icon02{-webkit-mask-image:var(--icon-beginner);mask-image:var(--icon-beginner);width:49px;height:77.95px}.block4 .grid>div .icon03{-webkit-mask-image:var(--icon-human);mask-image:var(--icon-human);width:40px;height:80px}.block4 .btn-area{margin-top:var(--vw60);display:flex;justify-content:center}.block4 .bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;opacity:.2}.block4 .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block4 .bg02{position:absolute;inset:0;z-index:-1;width:100%;height:100%;mix-blend-mode:color-burn}.block4 .bg02 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block5{padding-top:var(--vw100);padding-bottom:var(--vw100)}.block5 .contents{margin-top:var(--vw60);display:flex;flex-direction:column;gap:16px}.block5 .contents>dl{font-size:var(--fz16);line-height:2}.block5 .contents>dl dt{border-radius:5px;border:1px solid var(--gray);padding:32px 16px;font-weight:bold;position:relative;z-index:1;cursor:pointer;background-color:#fff}.block5 .contents>dl dt::before{content:"";width:16px;aspect-ratio:1;background-color:var(--blue);-webkit-mask-image:var(--icon-plus);mask-image:var(--icon-plus);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:50%;right:16px;transform:translateY(-50%);transition:.4s}.block5 .contents>dl dt span{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px}.block5 .contents>dl dt span::before{content:"Q";font-size:var(--fz24);color:var(--blue);font-family:var(--ff-en);line-height:1}.block5 .contents>dl dt.active::before{transform:translateY(-50%) rotate(45deg)}.block5 .contents>dl dt.active+dd{grid-template-rows:1fr}.block5 .contents>dl dd{display:grid;grid-template-rows:0fr;transition:.4s grid-template-rows ease}.block5 .contents>dl dd .mask{overflow:hidden}.block5 .contents>dl dd p{padding:36px 16px 20px 44px;position:relative;z-index:1}.block5 .contents>dl dd p::before{content:"A";position:absolute;top:41px;left:16px;font-size:var(--fz24);color:var(--blue);font-family:var(--ff-en);line-height:1}.block5 .contents>dl dd p a{width:-moz-fit-content;width:fit-content;color:var(--blue);display:flex;align-items:center;gap:24px;padding:5px 0;font-weight:bold;border-bottom:1px solid var(--blue);margin-top:20px}.block5 .contents>dl dd p a::after{content:"";background-color:var(--blue);width:16px;height:14px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--icon-arrow);mask-image:var(--icon-arrow)}.block5 .btn-area{margin-top:var(--vw60);display:flex;justify-content:center}@media screen and (max-width: 768px){.main-visual{aspect-ratio:375/668}.main-visual .w1280{height:100%;justify-content:center;gap:24px}.main-visual .w1280 img{left:unset;right:15px;bottom:20%}.main-visual .bg{grid-template-columns:1fr}.main-visual .scroll{display:none}.block1 h2.ttl .flex{gap:8px}.block1 h2.ttl .flex img{width:50px}.block1 .w1440{display:flex;flex-direction:column-reverse}.block1 .img-area{width:100%;position:static;padding-top:20px}.block1 .img-area .paint{width:92.8%;top:0;left:-25%}.block1 .img-area picture{width:86.4%}.block1 .text{gap:40px}.block1 .text h3{font-size:3rem;gap:30px}.block1 .text .btn01{max-width:420px}.block2 .area-tab{flex-direction:column;align-items:flex-start;gap:16px}.block2 .area-tab h3{font-size:var(--fz16)}.block2 .area-tab ul{width:100%;max-width:400px;display:grid;grid-template-columns:repeat(5, 1fr);gap:0;border:2px solid var(--blue);border-radius:5px}.block2 .area-tab ul>li:last-of-type button{border-right:none}.block2 .area-tab ul button{width:100%;min-width:0;border-radius:0;padding:0;min-height:42px;border:none;border-right:2px solid var(--blue);font-weight:500;font-size:var(--fz15)}.block2 .area-tab ul button:hover{opacity:1}.block2 .contents .splide.is-initialized:not(.is-active) .splide__list{display:block}.block2 .contents .contant-tab{width:82%}.block2 .contents .contant-tab .splide__slide a .content{gap:16px}.block2 .contents .contant-tab .splide__slide a .text{gap:20px}.block2 .contents .contant-tab .splide__slide a .text h3.new::before{font-size:var(--fz14)}.block2 .contents .contant-tab .splide__slide a .text .tag{font-size:1.4rem}.block2 .contents .contant-tab .splide__slide a .text p.txt{font-size:var(--fz15)}.block2 .contents .no-data{width:100%}.block3 .w1050 .grid{display:flex;flex-direction:column;gap:40px}.block3 .w1050 .grid .text{display:flex;flex-direction:column-reverse;gap:16px}.block3 .w1050 .grid .text h3{font-size:2rem}.block3 .w1050 .grid .text .flex{display:flex;justify-content:space-between;align-items:center}.block3 .w1050 .grid .text .flex span{border:none;padding:0;font-weight:bold}.block3 .w1050 .grid .text .flex i{width:64px;height:34px;border-radius:40px;display:flex;justify-content:center;align-items:center;background-color:var(--blue)}.block3 .w1050 .grid .text .flex i::before{content:"";width:13px;height:11.55px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--icon-arrow02);mask-image:var(--icon-arrow02);-webkit-mask-size:contain;mask-size:contain;background-color:#fff}.block3 .w1050 .btn-area{margin-top:60px}.block3 .w1050 .btn-area .btn01{min-height:72px}.block4{padding-bottom:100px}.block4 .grid{gap:0}.block4 .grid>div{max-width:420px;min-height:200px;border-top:none}.block4 .grid>div:first-of-type{border-top:1px solid #fff}.block4 .grid>div:last-of-type{min-height:295px}.block4 .grid>div .flex{width:100%;justify-content:space-between}.block4 .grid>div .flex strong span{font-size:9.2rem}.block4 .grid>div .icon01{margin-bottom:0}.block4 .grid>div .icon02,.block4 .grid>div .icon03{margin-left:16px}.block4 .btn-area{margin-top:40px}.block4 .btn-area .btn01{min-height:72px}.block5 .contents{margin-top:60px}.block5 .contents dl{line-height:1.5;font-size:var(--fz15)}.block5 .contents dl dt{padding:20px 45px 20px 24px}.block5 .contents dl dt span{grid-template-columns:32px 1fr}.block5 .contents dl dt span::before{font-size:3.2rem}.block5 .contents dl dd p{padding:32px 8px 16px 56px}.block5 .contents dl dd p::before{font-size:3.2rem;top:32px;left:24px}.block5 .contents dl dd p a{margin-top:8px}.block5 .btn-area{margin-top:60px}}/*# sourceMappingURL=top.min.css.map */