::selection{color:#333;background-color:#ccc}#header{background:#6e96af;border-bottom-color:#6e96af}.first-anime{background:#6e96af}@media screen and (max-width: 767px){main{padding-bottom:20%}}@media screen and (min-width: 768px){main{padding-bottom:200px}}main img{mix-blend-mode:multiply}.future{background:#6e96af}.future .cont{color:#fff}@media screen and (min-width: 768px){.future .cont{max-width:1280px;min-width:1280px;width:1280px;margin-right:auto;margin-left:auto}}.future .cont .ttl-area h2{text-align:center;display:flex;align-items:center}@media screen and (max-width: 767px){.future .cont .ttl-area h2{font-size:7vw;margin:0 0 5%}}@media screen and (min-width: 768px){.future .cont .ttl-area h2{font-size:34px;margin:0 0 40px}}.future .cont .ttl-area h2::before{content:"";height:1px;flex-grow:1;background-color:#fff;margin-right:1.5rem}.future .cont .ttl-area h2::after{content:"";height:1px;flex-grow:1;background-color:#fff;margin-left:1.5rem}@media screen and (max-width: 767px){.future .cont .txt-area{padding:0 25px 10%}}@media screen and (min-width: 768px){.future .cont .txt-area{margin:0 220px}}.future .cont .txt-area .txt-area-box{position:relative;display:flex;flex-wrap:wrap}@media screen and (min-width: 768px){.future .cont .txt-area .txt-area-box{justify-content:space-between;gap:40px}}@media screen and (min-width: 768px){.future .cont .txt-area .txt-area-box:nth-child(2){align-items:flex-end}}@media screen and (min-width: 768px){.future .cont .txt-area .txt-area-box:nth-child(2)>div{order:2}}@media screen and (min-width: 768px){.future .cont .txt-area .txt-area-box:nth-child(2) .img{order:1}}.future .cont .txt-area .txt-area-box>div{position:relative}@media screen and (max-width: 767px){.future .cont .txt-area .txt-area-box>div{order:2}}@media screen and (min-width: 768px){.future .cont .txt-area .txt-area-box>div{flex:1.5;z-index:1}}@media screen and (max-width: 767px){.future .cont .txt-area .txt-area-box>div h3{font-size:4.8vw;margin-bottom:5%}}@media screen and (min-width: 768px){.future .cont .txt-area .txt-area-box>div h3{font-size:24px;margin:0 0 40px}}.future .cont .txt-area .txt-area-box>div p{line-height:1.7}@media screen and (max-width: 767px){.future .cont .txt-area .txt-area-box>div p{font-size:3.2vw}}@media screen and (min-width: 768px){.future .cont .txt-area .txt-area-box>div p{font-size:15px;letter-spacing:2px}}.future .cont .txt-area .txt-area-box .img{position:relative}@media screen and (max-width: 767px){.future .cont .txt-area .txt-area-box .img{order:1;margin-bottom:5%}}@media screen and (min-width: 768px){.future .cont .txt-area .txt-area-box .img{z-index:0}}.future .cont .txt-area .txt-area-box+.txt-area-box{margin-top:10%}@media screen and (min-width: 768px){.future .cont .txt-area-detail{margin:100px 220px 0}}.future .cont .txt-area-detail>dl{transition:all 1s cubic-bezier(0.33, 1, 0.68, 1);opacity:0}@media screen and (max-width: 767px){.future .cont .txt-area-detail>dl{padding:8% 25px}}@media screen and (min-width: 768px){.future .cont .txt-area-detail>dl{padding:45px 100px}}.future .cont .txt-area-detail>dl dt{text-align:center;transition:all 1s cubic-bezier(0.33, 1, 0.68, 1);opacity:0}@media screen and (max-width: 767px){.future .cont .txt-area-detail>dl dt{font-size:4vw;margin-bottom:5%}}@media screen and (min-width: 768px){.future .cont .txt-area-detail>dl dt{font-size:18px;margin:0 0 20px}}.future .cont .txt-area-detail>dl dd{transition:all 1s cubic-bezier(0.33, 1, 0.68, 1);opacity:0}.future .cont .txt-area-detail>dl dd ul li{position:relative;transition:all 1s cubic-bezier(0.33, 1, 0.68, 1);opacity:0}@media screen and (max-width: 767px){.future .cont .txt-area-detail>dl dd ul li{padding-left:6vw;font-size:3.6vw;line-height:1.5}}@media screen and (min-width: 768px){.future .cont .txt-area-detail>dl dd ul li{padding-left:40px;font-size:20px}}.future .cont .txt-area-detail>dl dd ul li::before{content:"";display:block;background:url("../images/icon_check.svg") no-repeat;position:absolute;z-index:2;transition:all 1s cubic-bezier(0.33, 1, 0.68, 1);opacity:0}@media screen and (max-width: 767px){.future .cont .txt-area-detail>dl dd ul li::before{width:4vw;height:4vw;left:0.5vw;top:0}}@media screen and (min-width: 768px){.future .cont .txt-area-detail>dl dd ul li::before{width:20px;height:24px;left:2px;top:0}}.future .cont .txt-area-detail>dl dd ul li::after{content:"";display:block;position:absolute;left:0;border:1px solid #ccc}@media screen and (max-width: 767px){.future .cont .txt-area-detail>dl dd ul li::after{width:4vw;height:4vw;top:0.7vw}}@media screen and (min-width: 768px){.future .cont .txt-area-detail>dl dd ul li::after{width:18px;height:18px;top:8px}}@media screen and (max-width: 767px){.future .cont .txt-area-detail>dl dd ul li+li{margin-top:3%}}@media screen and (min-width: 768px){.future .cont .txt-area-detail>dl dd ul li+li{margin-top:5px}}.future .cont .txt-area-detail>dl.active{opacity:1}.future .cont .txt-area-detail>dl.active dt{opacity:1;transition-delay:0.3s}.future .cont .txt-area-detail>dl.active dd{opacity:1;transition-delay:0.5s}.future .cont .txt-area-detail>dl.active dd ul li:nth-child(1){opacity:1;transition-delay:0.6s}.future .cont .txt-area-detail>dl.active dd ul li:nth-child(1)::before{opacity:1;transition-delay:1.0s}.future .cont .txt-area-detail>dl.active dd ul li:nth-child(2){opacity:1;transition-delay:0.8s}.future .cont .txt-area-detail>dl.active dd ul li:nth-child(2)::before{opacity:1;transition-delay:1.2s}.future .cont .txt-area-detail>dl.active dd ul li:nth-child(3){opacity:1;transition-delay:1.0s}.future .cont .txt-area-detail>dl.active dd ul li:nth-child(3)::before{opacity:1;transition-delay:1.4s}.future .cont .txt-area-detail>dl.active dd ul li:nth-child(4){opacity:1;transition-delay:1.2s}.future .cont .txt-area-detail>dl.active dd ul li:nth-child(4)::before{opacity:1;transition-delay:1.6s}.future .cont .txt-area-detail>dl.active:nth-child(2){transform:translate(0, 0);transition-delay:1.2s}.future .cont .txt-area-detail>dl:nth-child(1){background:#fff;color:#000}@media screen and (max-width: 767px){.future .cont .txt-area-detail>dl:nth-child(1){margin:0 25px 0 0}}.future .cont .txt-area-detail>dl:nth-child(2){color:#fff;border-left:1px solid #fff;border-right:1px solid #fff;transition:all 1s cubic-bezier(0.33, 1, 0.68, 1);transform:translate(0, -20px)}@media screen and (max-width: 767px){.future .cont .txt-area-detail>dl:nth-child(2){margin:5% 0 0 25px;padding:5%;border-right:none}}@media screen and (min-width: 768px){.future .cont .txt-area-detail>dl:nth-child(2){margin-top:30px}}@media screen and (min-width: 768px){.future .cont .txt-area-detail>dl:nth-child(2) dt{margin-bottom:40px}}@media screen and (min-width: 768px){.future .cont .txt-area-detail>dl:nth-child(2) dd{display:flex;gap:50px}}.future .cont .txt-area-detail>dl:nth-child(2) dd div{flex:1}.future .cont .txt-area-detail>dl:nth-child(2) dd div span{display:block}@media screen and (max-width: 767px){.future .cont .txt-area-detail>dl:nth-child(2) dd div span{font-size:3.2vw}}.future .cont .txt-area-detail>dl:nth-child(2) dd div a{color:#fff}@media screen and (max-width: 767px){.future .cont .txt-area-detail>dl:nth-child(2) dd div a{font-size:4vw}}@media screen and (min-width: 768px){.future .cont .txt-area-detail>dl:nth-child(2) dd div a{font-size:20px}}.future .cont .txt-area-detail>dl:nth-child(2) dd p{flex:1;line-height:1.7}@media screen and (max-width: 767px){.future .cont .txt-area-detail>dl:nth-child(2) dd p{font-size:3.2vw;margin-top:3%}}@media screen and (min-width: 768px){.future .cont .txt-area-detail>dl:nth-child(2) dd p{font-size:14px}}.future .mv .ttl-wrap{font-family:ab-shoutenkaku, sans-serif;font-style:normal;font-weight:400;color:#fff}@media screen and (max-width: 767px){.future .mv .ttl-wrap{padding:0 25px}}.future .mv .ttl-wrap p{font-size:12px;line-height:1.68}@media screen and (max-width: 767px){.future .mv .ttl-wrap p{font-size:2vw}}.future .mv .ttl-wrap .en-ttl{line-height:1.7}@media screen and (max-width: 767px){.future .mv .ttl-wrap .en-ttl{font-size:6vw}}@media screen and (min-width: 768px){.future .mv .ttl-wrap .en-ttl{font-size:40px}}.future .mv h1{text-align:center;font-size:46px;color:#fff}@media screen and (max-width: 767px){.future .mv h1{font-size:8vw;margin-top:5%;text-align:left;padding:0 25px}}@media screen and (min-width: 768px){.future .mv h1{margin-top:30px}}@media screen and (max-width: 767px){.future .craftsman{margin-top:20%}}@media screen and (min-width: 768px){.future .craftsman{margin-top:100px}}@media screen and (min-width: 768px){.future .craftsman .txt-area .txt-area-box:nth-child(1){padding-top:20px}}@media screen and (min-width: 768px){.future .craftsman .txt-area .txt-area-box:nth-child(2)>div{flex:.6}}@media screen and (min-width: 768px){.future .craftsman .txt-area .txt-area-box .img.craftsman01{margin-left:-100px;flex:1.5}}@media screen and (max-width: 767px){.future .craftsman .txt-area .txt-area-box .img.craftsman02{width:50%;margin-left:auto}}@media screen and (min-width: 768px){.future .craftsman .txt-area .txt-area-box .img.craftsman02{flex:.3}}@media screen and (max-width: 767px){.future .user{margin-top:20%}}@media screen and (min-width: 768px){.future .user{margin-top:200px}}.future .user .txt-area .txt-area-box:nth-child(2){margin-top:20px}@media screen and (min-width: 768px){.future .user .txt-area .txt-area-box:nth-child(2)>div{order:2}}@media screen and (min-width: 768px){.future .user .txt-area .txt-area-box:nth-child(2) .img{order:1}}@media screen and (min-width: 768px){.future .user .txt-area .txt-area-box .img.user01{flex:1}}@media screen and (max-width: 767px){.future .user .txt-area .txt-area-box .img.user02{display:none}}@media screen and (min-width: 768px){.future .user .txt-area .txt-area-box .img.user02{position:absolute;width:150px;right:155px;bottom:-240px}}@media screen and (max-width: 767px){.future .user .txt-area .txt-area-box .img.user03{width:70%}}@media screen and (min-width: 768px){.future .user .txt-area .txt-area-box .img.user03{flex:2}}@media screen and (max-width: 767px){.future .region{margin-top:20%}}@media screen and (min-width: 768px){.future .region{margin-top:200px}}@media screen and (min-width: 768px){.future .region .txt-area .txt-area-box:nth-child(2){margin-top:20px}}@media screen and (min-width: 768px){.future .region .txt-area .txt-area-box:nth-child(2)>div{order:2;flex:.6}}@media screen and (min-width: 768px){.future .region .txt-area .txt-area-box:nth-child(2) .img{order:1}}@media screen and (min-width: 768px){.future .region .txt-area .txt-area-box .img.region01{flex:2;margin-left:-100px;margin-right:-220px}}@media screen and (max-width: 767px){.future .region .txt-area .txt-area-box .img.region02{width:40%;margin-right:auto;margin-left:auto}}@media screen and (min-width: 768px){.future .region .txt-area .txt-area-box .img.region02{flex:.2}}@media screen and (max-width: 767px){.future .movie-area{margin-top:20%}}@media screen and (min-width: 768px){.future .movie-area{margin-top:160px}}.future .movie-area .movie-wrap-video{width:100%}@media screen and (max-width: 767px){.future .movie-area .movie-wrap-video{margin-bottom:10%}}@media screen and (min-width: 768px){.future .movie-area .movie-wrap-video{margin:0 auto 40px}}.future .movie-area .movie-wrap-video video{width:100%;vertical-align:top}@media screen and (max-width: 767px){.future .movie-area .credit{font-size:2.8vw;padding:0 25px}}@media screen and (min-width: 768px){.future .movie-area .credit{margin:30px 0 0;font-size:11px}}.future .movie-area .credit h3{font-family:ab-shoutenkaku, sans-serif;font-style:normal;font-weight:400}@media screen and (max-width: 767px){.future .movie-area .credit h3{margin-bottom:5%}}@media screen and (min-width: 768px){.future .movie-area .credit h3{margin-bottom:20px}}@media screen and (min-width: 768px){.future .movie-area .credit dl{display:flex;flex-wrap:wrap}}@media screen and (max-width: 767px){.future .movie-area .credit dl dt{color:#c4d5df}}@media screen and (min-width: 768px){.future .movie-area .credit dl dt{flex:1 1 10%}.future .movie-area .credit dl dt:nth-of-type(n+1){margin-top:3px}}@media screen and (max-width: 767px){.future .movie-area .credit dl dd+dt{margin-top:5%}}@media screen and (min-width: 768px){.future .movie-area .credit dl dd{flex:1 1 83%}.future .movie-area .credit dl dd:nth-of-type(n+1){margin-top:5px}}