html{box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}.pc{display:none}@media (min-width:900px){.pc{display:inline}}@media (min-width:900px){.mo{display:none}}.mouse{background:#ff0;border-radius:50%;position:fixed;z-index:100;pointer-events:none;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.mb-2{margin-bottom:1rem}.mt-2{margin-top:1rem}h3{text-weight:bold}body{overflow-x:hidden;font-family:co-arabic,sans-serif}a{text-decoration:none}.bg-yellow{background-color:#ffe900}.top-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%}.text-container{font-size:12px;font-weight:700}.text-container.week{font-weight:400}.text-container h3{font-weight:700}.sentence{margin-bottom:1rem}#header{position:absolute;top:0;left:0;z-index:1;display:none}#header .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;margin-top:1rem;padding-left:5px;height:45px;width:155px;background-image:url(/FRYTH.204fb63e.png)}#fixed-footer{position:fixed;bottom:10px;right:10px;z-index:1000;display:none}#fixed-footer .yellow-man{background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;width:100px;background-image:url(/kiromaru.ca47bbd4.png);filter:drop-shadow(4px 4px 4px rgba(0,0,0,.3))}@media screen and (min-width:900px){#fixed-footer .yellow-man{min-height:200px;width:200px}}#fixed-footer a{display:flex;flex-direction:row;align-items:center;justify-content:center;align-items:flex-end;color:#707070;color:#fff;font-size:16px;line-height:16px;font-weight:700;margin-bottom:.5rem}@media screen and (min-width:900px){#fixed-footer a{font-size:25px;line-height:30px}#fixed-footer a .other{line-height:18px}}@media screen and (min-width:900px){#fixed-footer a .top{font-size:200%}}.footer-container .footer-contents-container{position:relative;overflow-x:hidden;overflow-y:hidden;height:300px}@media screen and (min-width:900px){.footer-container .footer-contents-container{height:600px}}.footer-container .company-link{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#ffe900;color:#fff;position:absolute;top:60%;bottom:40%;left:0;right:0;margin:auto;border-radius:20px;font-size:120%;height:50px;width:100px;z-index:10}@media screen and (min-width:900px){.footer-container .company-link{width:150px;height:60px;left:20%;margin:0;font-size:150%}}.footer-container .copyright{position:absolute;bottom:10px;left:10px;z-index:10;font-size:90%;display:flex;flex-direction:column}@media screen and (min-width:900px){.footer-container .copyright{flex-direction:row}}.footer-container .copyright .copy{margin-right:.5rem}.footer-container .copyright a{color:#000;text-decoration:underline;margin-right:.5rem}.footer-container #footer-circle-title{width:150%;font-size:50px;font-weight:700;display:none;animation-name:rotate_clock;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-name:rotate_clock;-webkit-animation-duration:10s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}@media screen and (min-width:900px){.footer-container #footer-circle-title{font-size:100px;width:160%;display:block}}.footer-container .footer-men{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;bottom:10px;right:0;justify-content:flex-end;margin-right:100px}@media screen and (min-width:900px){.footer-container .footer-men{margin-right:200px}}.footer-container .footer-men .man{background-position:50%;background-repeat:no-repeat;background-size:contain;height:30px;width:30px;filter:drop-shadow(4px 4px 4px rgba(0,0,0,.3))}@media screen and (min-width:900px){.footer-container .footer-men .man{height:60px;width:60px}}.footer-container .footer-men .black-man{background-image:url(/kuromaru.b897ceef.png);animation-name:bound-anim1;animation-duration:4s;animation-iteration-count:infinite}.footer-container .footer-men .red-man{background-image:url(/akamaru.4a911ad8.png);animation-name:bound-anim2;animation-duration:7s;animation-delay:1s;animation-iteration-count:infinite}.footer-container .footer-men .green-man{background-image:url(/midorimaru.04668af4.png);animation-name:bound-anim2;animation-duration:7s;animation-delay:3s;animation-iteration-count:infinite}.footer-container .footer-men .blue-man{background-image:url(/aomaru.0058368f.png);animation-name:bound-anim1;animation-duration:4s;animation-delay:1s;animation-iteration-count:infinite}@keyframes rotate_clock{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}@-webkit-keyframes rotate_clock{transform:rotate(0);transform:rotate(-1turn)}@keyframes bound-anim1{0%,to{top:0;transform:scale(1)}10%{transform:translateY(-20px)}20%{transform:translateY(10px) scale(1.1,.9)}30%{transform:scale(1)}}@keyframes bound-anim2{0%,to{top:0;transform:scale(1)}50%{transform:scale(1)}55%{transform:translateY(-30px)}60%{transform:translateY(10px) scale(1.1,.9)}65%{transform:scale(1)}}#load-mv-mo,#load-mv-pc{position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;height:100vh;width:101vw;z-index:10000;text-align:center;object-fit:fill}#load-mv-mo video,#load-mv-pc video{height:100vh;width:100vw;height:100%;width:100%;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#index{position:relative;width:100%;height:calc(100vh - 100px)}@media screen and (min-width:900px){#index{height:100vh}}#index canvas#fryth-logo{width:100%;height:100%;display:none}#index .home-button-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;width:150px;position:absolute;top:0;bottom:-300px;left:0;right:0;margin:auto;background-image:url(/kiromaru.ca47bbd4.png);background-size:contain;background-position:50%;background-repeat:no-repeat;filter:drop-shadow(4px 4px 4px rgba(0,0,0,.3))}@media screen and (min-width:900px){#index .home-button-container{align-items:center}}#index .home-button-container .text{color:#707070;font-size:16px;line-height:16px;border-bottom:1px solid #707070;margin-bottom:.5rem}#canvas-container,#canvas-wrap{height:100vh;width:100vw;position:fixed;z-index:-1}#load-bg{background:#fff;position:fixed;top:0;left:0;height:100%;width:100%;z-index:9000}#load-mv-mo,#load-mv-pc{dispaly:none}#main-contents .top-container{font-size:104px}#main-contents .container-title,#main-contents .container-title-mirror{font-size:104px;font-weight:700;overflow-y:hidden}@media screen and (min-width:900px){#main-contents .container-title,#main-contents .container-title-mirror{font-size:300px}}#main-contents .container-title-mirror{position:relative;z-index:-1;color:#fff;-webkit-text-stroke:2px #000}#main-contents .subtitle{font-size:28px;font-weight:700;padding-top:50px}@media screen and (min-width:900px){#main-contents .subtitle{font-size:60px}}#main-contents .about-container{position:relative}#main-contents .about-container .container-title-container{overflow-x:hidden;position:absolute;width:100%;top:-50vh;display:none}@media screen and (min-width:900px){#main-contents .about-container .container-title-container{top:-100vh}}#main-contents .about-container .container-title{animation:flowing-left 10s linear infinite;transform:translateX(100%);width:150%}#main-contents .about-container .container-title-mirror{animation:flowing-right 10s linear infinite;transform:translateX(-100%);width:150%}#main-contents .about-container .sub-title-container,#main-contents .about-container .text-container{padding:0 1rem}@media screen and (min-width:900px){#main-contents .about-container .sub-title-container,#main-contents .about-container .text-container{padding:0 10rem}}#main-contents .about-container .text-container{margin-top:80px}@media screen and (min-width:900px){#main-contents .about-container .text-container{font-size:20px}}#main-contents .business-container{display:flex;flex-direction:column;align-items:center;justify-content:center;align-items:flex-end;overflow:hidden}@media screen and (min-width:900px){#main-contents .business-container{min-height:100vh}}#main-contents .business-container .container-title-container{padding:0 1rem;display:flex;flex-direction:row;width:100%;align-items:flex-start}#main-contents .business-container .container-title,#main-contents .business-container .container-title-mirror{height:200px;width:500px;transform:rotate(90deg);overflow:visible}#main-contents .business-container .container-title{animation:flowing-bottom 10s linear infinite;transform:rotate(90deg) translateX(-100%);z-index:-1;margin-left:-250px}@media screen and (min-width:900px){#main-contents .business-container .container-title{transform:rotate(90deg) translateX(-300%);margin-left:0}}#main-contents .business-container .container-title-mirror{animation:flowing-up 10s linear infinite;transform:rotate(90deg) translateX(150%);margin-left:-350px}@media screen and (min-width:900px){#main-contents .business-container .container-title-mirror{animation:flowing-up-pc 10s linear infinite;transform:rotate(90deg) translateX(200%);margin-left:-200px}}#main-contents .business-container .sub-title-container,#main-contents .business-container .text-container{padding:0 1rem}#main-contents .business-container .subtitle{width:270px}@media screen and (min-width:900px){#main-contents .business-container .subtitle{width:600px}}#main-contents .business-container .text-container{margin-bottom:100px;margin-top:50px}@media screen and (min-width:900px){#main-contents .business-container .text-container{font-size:20px}}#main-contents .more-read-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffe900;height:100px;width:100%;position:relative;color:#646464;text-align:center;text-decoration:none;transition:.3s;overflow:hidden;z-index:1;dislpay:block}@media screen and (min-width:900px){#main-contents .more-read-container{align-items:center}}#main-contents .more-read-container .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;height:60%;width:200px;background-image:url(/FRYTH.204fb63e.png);margin-left:1rem}#main-contents .more-read-container .text{height:25px}#main-contents .more-read-container:hover{color:#fff}#main-contents .more-read-container:hover:before{transform:translateX(20%)}#main-contents .more-read-container:hover:after{transform:translateX(-20%)}#main-contents .more-read-container .more-read-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90px;width:300px;text-align:center;z-index:2}#main-contents .more-read-container .more-read-btn .btn-text{font-size:40px;color:#fff}@keyframes flowing-left{to{transform:translateX(-100%)}}@keyframes flowing-left-company{to{transform:translateX(-150%)}}@keyframes flowing-right{to{transform:translateX(100%)}}@keyframes flowing-bottom{to{transform:rotate(90deg) translateX(200%)}}@keyframes flowing-up{to{transform:rotate(90deg) translateX(-100%)}}@keyframes flowing-up-pc{to{transform:rotate(90deg) translateX(-400%)}}@keyframes dropVanish{30%{transform:translateY(-50px) rotate(180deg) scale(1)}50%{transform:translateY(20px) scale(.8) rotate(0deg);opacity:1}80%{transform:translate(-100px,-100px) scale(1.5) rotate(-180deg);opacity:0}to{transform:translate(0) scale(1) rotate(0deg);opacity:1}}@keyframes revolveDrop{30%{transform:translateY(-50px) rotate(180deg) scale(1)}60%{transform:translateY(20px) scale(.8) rotate(0deg)}to{transform:translate(0) scale(1) rotate(0deg);opacity:1}}.main-content-container{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#more-read-contents{width:100%}#more-read-contents .top-container{overflow-x:hidden}#more-read-contents .container-title-mirror.business,#more-read-contents .container-title.business{font-size:104px;font-weight:700;z-index:-1}#more-read-contents .container-title-mirror{position:relative;color:#fff;-webkit-text-stroke:2px #000}#more-read-contents .business-container,#more-read-contents .business-container .container-title-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;overflow:hidden}#more-read-contents .business-container .container-title-container{padding:0 1rem;height:100vh;align-items:flex-start}#more-read-contents .business-container .container-title,#more-read-contents .business-container .container-title-mirror{transform:rotate(90deg);overflow:visible;font-size:104px;font-weight:700;overflow-y:hidden}@media screen and (min-width:900px){#more-read-contents .business-container .container-title,#more-read-contents .business-container .container-title-mirror{font-size:280px}}#more-read-contents .business-container .container-title{animation:flowing-left 10s linear infinite;-webkit-animation:flowing-left 10s linear infinite;transform:translateX(100%)}#more-read-contents .business-container .container-title-mirror{animation:flowing-right 10s linear infinite;-webkit-animation:flowing-right 10s linear infinite;transform:translateX(-100%);margin-top:-50px}#more-read-contents .content-container{padding:2rem 1rem 100px;position:relative}@media screen and (min-width:900px){#more-read-contents .content-container{padding:0 3rem 300px}}#more-read-contents .strong-char-container{position:absolute;width:90px;height:90px;z-index:-1;margin-top:-1.5rem;margin-left:-1.5rem;font-size:58px;font-weight:700;overflow:hidden}@media screen and (min-width:900px){#more-read-contents .strong-char-container{width:200px;height:200px;font-size:150px;margin-top:-5rem;margin-left:-3rem}}#more-read-contents .strong-char-square{position:absolute;width:90px;height:90px}@media screen and (min-width:900px){#more-read-contents .strong-char-square{width:200px;height:200px}}#more-read-contents .strong-char-square.communication{background-color:#ff0}#more-read-contents .strong-char-square.development{background-color:#51a427}#more-read-contents .strong-char-square.design{background-color:#003d90}#more-read-contents .slide-right{animation-name:slide-right;animation-duration:2s;animation-delay:.5s;animation-iteration-count:1;animation-fill-mode:forwards}@media screen and (min-width:900px){#more-read-contents .slide-right{animation-duration:1s}}#more-read-contents .slide-up{animation-name:slide-up;animation-duration:1s;animation-delay:.5s;animation-iteration-count:1;animation-fill-mode:forwards}#more-read-contents .container-title-strong-char{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90px;width:90px;transform:translateY(100px)}@media screen and (min-width:900px){#more-read-contents .container-title-strong-char{width:200px;height:200px}}#more-read-contents .container-title-strong-char.communication{color:#ff0}#more-read-contents .container-title-strong-char.development{color:#51a427}#more-read-contents .container-title-strong-char.design{color:#003d90}#more-read-contents .container-title{font-size:38px;font-weight:700}@media screen and (min-width:900px){#more-read-contents .container-title{font-size:70px}}@media screen and (min-width:900px){#more-read-contents .text-container{margin-top:5rem;font-size:20px}}.main-content-container.company .top-container{height:175px}@media screen and (min-width:900px){.main-content-container.company .top-container{height:250px}}.main-content-container.company .top-container .container-title-container{justify-content:flex-end!important}#more-read-contents.company .main-content-container{backdrop-filter:none;-webkit-backdrop-filter:none}#more-read-contents.company .content-container{padding-top:0}@media screen and (min-width:900px){#more-read-contents.company .content-container{padding-top:2rem}}#more-read-contents.company .container-title{font-size:60px;transform:translateX(300%);animation:flowing-left-company 10s linear infinite}@media screen and (min-width:900px){#more-read-contents.company .container-title{font-size:120px}}#more-read-contents.company .text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem}#more-read-contents.company .text-container .table{width:500px;max-width:90vw;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:2rem;border:1px solid grey;border-radius:20px}#more-read-contents.company .text-container .table.wide{width:750px}@keyframes slide-right{to{transform:translateX(200px)}}@-webkit-keyframes slide-right{transform:translateX(200px)}@keyframes slide-up{to{transform:translateY(0)}}@-webkit-keyframes slide-up{transform:translateY(0)}