@charset "UTF-8";.mv-stage{position:relative;width:100%;max-width:100vw;height:100vh;overflow:hidden;transform:translateY(-70px)}#main-visual{background-image:url("/wp-content/themes/Taiki’sInnovationDiary/img/Taiki_MainVisual.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;width:100%;max-width:100vw;height:100vh;z-index:0;position:relative;opacity:1;animation:mv-animation 30s ease-in-out 1}@keyframes mv-animation{0%{opacity:0;background-size:200%;background-position:0 30%}5%{opacity:1}15%{opacity:1}19%{opacity:0;background-size:200%;background-position:0 30%}20%{opacity:0;background-size:130%;background-position:100% 45%}25%{opacity:1}35%{opacity:1}39%{opacity:0;background-size:130%;background-position:100% 45%}40%{opacity:0;background-size:120%;background-position:40% 50%}45%{opacity:1}55%{opacity:1}59%{opacity:0;background-size:120%;background-position:40% 50%}60%{opacity:0;background-size:cover;background-position:center}65%{opacity:1}90%{opacity:1}94%{opacity:0;background-size:cover;background-position:center}95%{opacity:0;background-size:cover;background-position:center}100%{opacity:1;background-size:cover;background-position:center}}.keyword-parent{display:inline-block;font-family:uddigikyokasho-pro,sans-serif;font-size:18vh;font-weight:700;font-style:normal;writing-mode:vertical-lr;text-orientation:upright;color:#fdfdfd;background:#6079a3;display:flex;justify-content:center;align-items:center;position:absolute;overflow:hidden;z-index:1}.keyword-01{width:30vw;height:80vh;border-top:solid 5vh #7fff00;clip-path:polygon(0 0,100% 0,100% 100%,20% 100%);top:80px;right:0;opacity:0;transform:translateX(110%);animation:kw01-animation 30s ease-in-out 1}@keyframes kw01-animation{0%{opacity:0;transform:translateX(110%)}5%{opacity:1;transform:translateX(110%)}8%{transform:translateX(0)}15%{opacity:1}19%{opacity:0;transform:translateX(0)}20%{transform:translateX(110%)}100%{opacity:0;transform:translateX(110%)}}.keyword-02{width:30vw;height:80vh;border-top:solid 5vh #00bfff;clip-path:polygon(0 0,80% 0,100% 100%,0% 100%);bottom:30px;left:0;opacity:0;transform:translateX(-110%);animation:kw02-animation 30s ease-in-out 1}@keyframes kw02-animation{0%{opacity:0;transform:translateX(-110%)}25%{opacity:1;transform:translateX(-110%)}28%{transform:translateX(0)}35%{opacity:1}39%{opacity:0;transform:translateX(0)}40%{transform:translateX(-110%)}100%{opacity:0;transform:translateX(-110%)}}.keyword-03{width:30vw;height:80vh;border-top:solid 5vh orange;clip-path:polygon(20% 0,100% 0,100% 100%,0% 100%);bottom:30px;right:0;opacity:0;transform:translateX(110%);animation:kw03-animation 30s ease-in-out 1}@keyframes kw03-animation{0%{opacity:0;transform:translateX(110%)}45%{opacity:1;transform:translateX(110%)}48%{transform:translateX(0)}55%{opacity:1}59%{opacity:0;transform:translateX(0)}60%{transform:translateX(110%)}100%{opacity:0;transform:translateX(110%)}}.keyword-04{font-size:8vh;writing-mode:horizontal-tb;width:70vw;height:20vh;padding-top:0;border-top:solid 5vh #00ced1;clip-path:polygon(0 0,100% 0%,85% 100%,0% 100%);top:80px;left:0;opacity:0;transform:translateX(-110%);animation:kw04-animation 30s ease-in-out 1}@keyframes kw04-animation{0%{opacity:0;transform:translateX(-110%)}65%{opacity:1;transform:translateX(-110%)}68%{transform:translateX(0)}90%{opacity:1}94%{opacity:0;transform:translateX(0)}95%{opacity:0;transform:translateX(-110%)}100%{opacity:0;transform:translateX(-110%)}}.keyword-05{display:inline-block;z-index:1;position:absolute;bottom:0;right:30px;opacity:1;animation:kw05-animation 30s ease-in-out 1}@keyframes kw05-animation{0%{opacity:0}65%{opacity:0}68%{opacity:1}90%{opacity:1}94%{opacity:0}95%{opacity:0}100%{opacity:1}}.keyword-05 img{width:auto;height:20vh;object-fit:contain;margin:0;box-shadow:none}#scroll-indication{display:inline-block;width:100px;height:70px;background:#e6decf;border-radius:20px;box-shadow:5px 5px 3px #8a8a8a;position:absolute;bottom:20vh;right:30px;opacity:1;visibility:visible;cursor:pointer;z-index:10;transition:all .3s ease;animation:scroll-animation 30s ease-in-out 1}@keyframes scroll-animation{0%{opacity:0}95%{opacity:0}100%{opacity:1}}#scroll-indication.scroll-100{opacity:0;visibility:hidden}.scroll-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;font-size:18px;font-weight:700;color:#3a3a3a;line-height:1}.scroll-text:after{content:"";width:14px;height:14px;border-right:3px solid #3a3a3a;border-bottom:3px solid #3a3a3a;transform:rotate(45deg);outline:1px solid transparent;will-change:transform;backface-visibility:hidden;animation:arrow-bounce 1.2s ease-in-out infinite alternate}@keyframes arrow-bounce{0%{transform:translateY(-3px) rotate(45deg)}100%{transform:translateY(6px) rotate(45deg)}}#scroll-indication:hover{transform:scale(1.2) translate(-2px,-2px);letter-spacing:1px}#scroll-indication:active{box-shadow:none;transform:translate(5px,5px)}@media screen and (max-width:1100px){#main-visual{background-position:30% 50%}@keyframes mv-animation{0%{opacity:0;background-size:200%;background-position:0 30%}5%{opacity:1}15%{opacity:1}19%{opacity:0;background-size:200%;background-position:0 30%}20%{opacity:0;background-size:140%;background-position:100% 45%}25%{opacity:1}35%{opacity:1}39%{opacity:0;background-size:140%;background-position:100% 45%}40%{opacity:0;background-size:140%;background-position:40% 50%}45%{opacity:1}55%{opacity:1}59%{opacity:0;background-size:140%;background-position:40% 50%}60%{opacity:0;background-size:cover;background-position:30% 50%}65%{opacity:1}90%{opacity:1}94%{opacity:0;background-size:cover;background-position:30% 50%}95%{opacity:0;background-size:cover;background-position:30% 50%}100%{opacity:1;background-size:cover;background-position:30% 50%}}.keyword-04{width:750px;height:160px}}@media screen and (max-width:1000px){@keyframes mv-animation{0%{opacity:0;background-size:200%;background-position:0 30%}5%{opacity:1}15%{opacity:1}19%{opacity:0;background-size:200%;background-position:0 30%}20%{opacity:0;background-size:160%;background-position:100% 45%}25%{opacity:1}35%{opacity:1}39%{opacity:0;background-size:160%;background-position:100% 45%}40%{opacity:0;background-size:cover;background-position:30% 50%}45%{opacity:1}55%{opacity:1}59%{opacity:0;background-size:cover;background-position:30% 50%}60%{opacity:0;background-size:cover;background-position:30% 50%}65%{opacity:1}90%{opacity:1}94%{opacity:0;background-size:cover;background-position:30% 50%}95%{opacity:0;background-size:cover;background-position:30% 50%}100%{opacity:1;background-size:cover;background-position:30% 50%}}}@media screen and (max-width:900px){@keyframes mv-animation{0%{opacity:0;background-size:200%;background-position:0 30%}5%{opacity:1}15%{opacity:1}19%{opacity:0;background-size:200%;background-position:0 30%}20%{opacity:0;background-size:180%;background-position:90% 45%}25%{opacity:1}35%{opacity:1}39%{opacity:0;background-size:180%;background-position:90% 45%}40%{opacity:0;background-size:cover;background-position:30% 50%}45%{opacity:1}55%{opacity:1}59%{opacity:0;background-size:cover;background-position:30% 50%}60%{opacity:0;background-size:cover;background-position:30% 50%}65%{opacity:1}90%{opacity:1}94%{opacity:0;background-size:cover;background-position:30% 50%}95%{opacity:0;background-size:cover;background-position:30% 50%}100%{opacity:1;background-size:cover;background-position:30% 50%}}}@media screen and (max-width:800px){.mv-stage{height:400px}#main-visual{background-position:30% 50%;height:400px}@keyframes mv-animation{0%{opacity:0;background-size:200%;background-position:0 30%}5%{opacity:1}15%{opacity:1}19%{opacity:0;background-size:200%;background-position:0 30%}20%{opacity:0;background-size:180%;background-position:90% 45%}25%{opacity:1}35%{opacity:1}39%{opacity:0;background-size:180%;background-position:90% 45%}40%{opacity:0;background-size:cover;background-position:30% 50%}45%{opacity:1}55%{opacity:1}59%{opacity:0;background-size:cover;background-position:30% 50%}60%{opacity:0;background-size:cover;background-position:30% 50%}65%{opacity:1}90%{opacity:1}94%{opacity:0;background-size:cover;background-position:30% 50%}95%{opacity:0;background-size:cover;background-position:30% 50%}100%{opacity:1;background-size:cover;background-position:30% 50%}}.keyword-parent{font-size:60px}.keyword-01{width:150px;height:300px;border-top:solid 30px #7fff00}.keyword-02{width:150px;height:300px;border-top:solid 30px #00bfff}.keyword-03{width:150px;height:300px;border-top:solid 30px orange}.keyword-04{font-size:28px;width:400px;height:50px;border-top:solid 10px #00ced1}.keyword-05{right:10px}.keyword-05 img{height:100px}#scroll-indication{opacity:0;animation:none;pointer-events:none}}@media screen and (max-width:600px){#main-visual{background-position:30% 50%}}@media screen and (max-width:500px){.mv-stage{height:320px}#main-visual{height:320px}.keyword-parent{font-size:40px}.keyword-01{width:100px;height:220px;border-top:solid 20px #7fff00}.keyword-02{width:100px;height:220px;border-top:solid 20px #00bfff}.keyword-03{width:100px;height:220px;border-top:solid 20px orange}.keyword-04{font-size:20px;width:300px;height:30px;border-top:solid 5px #00ced1}.keyword-05 img{height:70px}}@media screen and (max-width:400px){.mv-stage{height:280px}#main-visual{height:280px}.keyword-parent{font-size:32px}.keyword-01{width:80px;height:180px}.keyword-02{width:80px;height:180px}.keyword-03{width:80px;height:180px}.keyword-04{font-size:18px;width:250px;height:20px;border-top:solid 3px #00ced1}.keyword-05 img{height:50px}}