.fadeIn{-webkit-animation-name:fadeInAnime;animation-name:fadeInAnime;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes fadeInAnime{from{opacity:0}to{opacity:1}}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}.fadeUp{-webkit-animation-name:fadeUpAnime;animation-name:fadeUpAnime;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes fadeUpAnime{from{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUpAnime{from{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fadeDown{-webkit-animation-name:fadeDownAnime;animation-name:fadeDownAnime;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes fadeDownAnime{from{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeDownAnime{from{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fadeLeft{-webkit-animation-name:fadeLeftAnime;animation-name:fadeLeftAnime;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeLeftAnime{from{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeLeftAnime{from{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.fadeRight{-webkit-animation-name:fadeRightAnime;animation-name:fadeRightAnime;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeRightAnime{from{-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeRightAnime{from{-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}#g-nav.panelactive{position:fixed;z-index:999;top:0;width:100%;height:100vh}.circle-bg{position:fixed;z-index:3;width:100px;height:100px;border-radius:50%;background:#4abdac;-webkit-transform:scale(0);transform:scale(0);right:-50px;bottom:-50px;-webkit-transition:all .6s;transition:all .6s}.circle-bg.circleactive{-webkit-transform:scale(50);transform:scale(50)}#g-nav-list{display:none;position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav.panelactive #g-nav-list{display:block}#g-nav ul{opacity:0;position:absolute;z-index:999;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#g-nav.panelactive ul{opacity:1}#g-nav.panelactive ul li{-webkit-animation-name:gnaviAnime;animation-name:gnaviAnime;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes gnaviAnime{0%{opacity:0}100%{opacity:1}}@keyframes gnaviAnime{0%{opacity:0}100%{opacity:1}}#g-nav li{text-align:center;list-style:none}#g-nav li a{color:#dfdce3;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:bold}.openbtn{position:fixed;bottom:10px;right:10px;z-index:9999;cursor:pointer;width:100px;height:100px;background-color:#4abdac;border-radius:50%;text-align:center;padding-top:35px;display:none;font-weight:bold;border:2px solid #fff}html{scroll-behavior:smooth}body{font-family:"Noto Sans",sans-serif;font-family:"Noto Sans JP",sans-serif;color:#222;font-size:16px;line-height:1.75em}img{vertical-align:bottom;width:100%;height:auto}@media(max-width: 800px){.openbtn{top:10px;bottom:auto;display:block;width:70px;height:70px;padding-top:18px}}.gnavi li a{position:relative;-webkit-transition:all .7s;transition:all .7s}.gnavi li a::after{content:"";position:absolute;z-index:-1;bottom:0;left:0;width:0;height:1px;background:#4abdac;opacity:0}.gnavi li.current a::after,.gnavi li a:hover::after{width:100%;opacity:1;-webkit-animation:bgappear .5s forwards;animation:bgappear .5s forwards}@-webkit-keyframes bgappear{0%{width:0%;height:1px}50%{width:100%;height:1px}100%{width:100%;height:100%;background:#4abdac}}@keyframes bgappear{0%{width:0%;height:1px}50%{width:100%;height:1px}100%{width:100%;height:100%;background:#4abdac}}.gnavi li.current a,.gnavi li a:hover{color:#dfdce3;z-index:1}header{background-image:url(../images/title_dott.png);background-size:contain}.hero{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100vw;height:100vh;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.hero__left{max-width:50vw;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.video_box{max-width:45%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}video{width:100%;height:auto}.logo_box{margin-bottom:65px;margin-left:15vw}h1{max-width:500px;height:auto}.gnavi{margin:0 auto}.gnavi__list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px}.gnavi__link{padding:0 15px;color:#222;text-decoration:none;font-weight:bold}@media(max-width: 800px){header{background-image:none}.hero{display:block;max-width:100vw;height:auto}.video_box{max-width:100%}video{width:100%;height:auto}.hero__left{margin:0 auto;max-width:100%}.gnavi__list{font-size:16px}.logo{margin:0 auto}.logo_box{max-width:90%;margin:0 auto;text-align:center}}.margin__box{height:700px}.arrow__box{text-align:center;margin-top:310px}.arrow{display:block;width:70px;height:70px;border-top:solid 5px #222;border-right:solid 5px #222;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin:0 auto}.orange_arrow{border-top:solid 5px #fc4a1a;border-right:solid 5px #fc4a1a}@media(max-width: 800px){.margin__box{height:340px}}main{max-width:1200px;margin:0 auto}.sub__title{font-size:150px;font-weight:bold;color:#dfdce3;display:inline-block}@media(max-width: 800px){.sub__title{font-size:80px}main{max-width:90%}}.profile__box{background-image:url(../images/walkman_img.png);background-size:contain;background-repeat:no-repeat;position:relative;width:100%;height:1840px;margin-top:50px}.profile__text1{max-width:623.5px;background-color:#f7b733;border-radius:40px;position:absolute;top:136.7983px;left:70px;padding:35px 55px}.profile__text1 p{margin-bottom:30px}.profile__title{font-size:40px;margin-bottom:30px}.figure__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.figure__container figure{max-width:165px;text-align:center}figcaption{font-style:30px;font-weight:bold}#illustration{width:94px;height:auto}#gaming{width:131px;height:auto}#music{width:170px;height:auto}.profile__text2{max-width:600px;height:357px;position:absolute;top:836px;right:0;display:inline-block;background-color:#dfdce3;padding:35px 55px}.profile__text3{position:absolute;top:1334px;left:0;padding:35px 25px;background-color:#dfdce3}.profile__text3 .qualification__list{list-style-position:inside}.profile__text3 .qualification__list li span{margin:0 1em}h4{font-size:30px;margin-bottom:20px}tr{-moz-text-align-last:left;text-align-last:left}td{display:inline-block;margin-left:23px}.profphoto{display:none}@media(max-width: 800px){.profile__box{background-image:none;position:static;font-size:14px;height:auto}.profile__title{font-size:30px;margin-bottom:20px;text-align:center}.profile__text1{position:static;padding:20px 10px 30px;margin-top:20px;margin-right:auto;margin-left:auto}.profile__text1 h4{-moz-text-align-last:left;text-align-last:left;font-size:20px;margin-bottom:10px}.profile__text2{position:static;max-width:100%;padding:35px 25px;margin:27px auto 0;display:block}.profile__text3{position:static}.profphoto{display:block;width:100%;height:auto}h4{text-align:center;margin-bottom:20px}#illustration{width:70px}#gaming{width:100px}#music{width:120px}.qualification__list li span{display:inline-block}.qualification__list li span:first-child{margin-left:-1em}}.ashiato1{height:480px;text-align:center}.ashiato1 img{max-width:333px}@media(max-width: 800px){.contents__space{padding-top:100px;height:600px}}#skill .sub__title{display:inline-block}.click__here{max-width:300px}.title_flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:110px}.skill__bigbox{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:50px;-ms-flex-pack:distribute;justify-content:space-around}@media(max-width: 800px){.title_flex,.skill__bigbox{display:block;margin:0}.click__here{max-width:200px;margin:30px auto 0}}#skill{position:relative;height:1590px;width:100%}.area{max-width:550px;height:538px;background-size:contain;background-repeat:no-repeat;padding:56px 83px 52px;color:#fff;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;display:none;opacity:0;background:#fff}.is-active{display:block;-webkit-animation-name:displayAnime;animation-name:displayAnime;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-image:url(../images/hukidasi.png)}@-webkit-keyframes displayAnime{from{opacity:0}to{opacity:1}}@keyframes displayAnime{from{opacity:0}to{opacity:1}}.skill__flex{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:3px solid #fff;padding-bottom:10px}.skill__flex img{max-width:108px;height:auto;margin-right:12px}.skill__contents{max-width:262px}.skill__contents .skill__title{font-size:20px}.proficiency{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:18px}.proficiency p{line-height:1em;padding-bottom:8px}.proficiency .proficiency__meter{width:314px}.proficiency .meter{display:inline-block;width:16.6666666667%;height:20px;border:1px solid #fff}.proficiency .orange{background-color:#fc4a1a}.book__container{margin-top:20px}.book__flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.book__flex img{max-width:150px}@media(max-width: 800px){.area{max-width:550px;height:414px;background-color:#4abdac;border-radius:20px;background-image:none;padding:20px 10px;margin:0 auto}.skill__flex img{display:none}.skill__contents{max-width:100%}.skill__contents .skill__title{font-size:30px;text-align:center;margin-bottom:20px}.proficiency{display:block}.proficiency .proficiency__meter{width:100%}.book__flex img{max-width:115px}.book__title{margin-bottom:40px}}.skill__selector__container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.skill__selector{display:block}.selector__icon{max-width:300px;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 800px){.skill__selector__container{margin-left:0}.selector__title{text-align:center;margin-bottom:10px}.selector__icon{margin:0 auto}}.icon__box{max-width:50px;height:80px;margin-left:30px;display:block;overflow:hidden;cursor:pointer}.icon__box img{width:100%;height:auto;margin-top:60%;margin-left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;display:block;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.icon__box img:nth-child(2){margin-top:200%}.icon__box:hover img:first-child{opacity:0}.icon__box:hover img:nth-child(2){margin-top:-105%}.icon__box:first-child{margin-left:0}.picture{max-width:394px;height:auto;margin-left:670px;position:absolute;top:550px;right:0}#hana img{max-width:169px;height:auto}.skill__box2{max-width:635px;padding:22px 50px 57px;background-color:#dfdce3;margin:545px auto 0;border-radius:31px}.skill__box2 figure{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.skill__box2 figure figcaption{margin-left:48px}.pc__none{display:none}.circle{background-color:#dfdce3;position:absolute;border-radius:50%}#circle1{height:17px;width:17px;top:1206px;right:276px}#circle2{height:38px;width:38px;top:1233px;right:280px}@media(max-width: 800px){.skill__box2{padding:20px 10px 30px;margin:20px auto 0}.skill__box2 figure{margin-bottom:20px}.skill__box2 figure figcaption{margin-left:15px;font-size:14px;font-weight:normal}.pc__none{display:block}.picture{max-width:200px;height:auto;top:1400px;right:50px}#circle2{height:38px;width:38px;top:1347px;right:190px}#circle1{height:17px;width:17px;top:1385px;right:180px}}.ashiato2{height:542px;text-align:center;padding-top:100px;padding-bottom:90px}.ashiato2 img{max-width:337px}#products{margin-top:90px}#products .products__area{max-width:1097px;display:grid;grid-template-columns:repeat(auto-fit, minmax(370px, 1fr));gap:70px;margin:80px auto 200px}#products .products__area img{width:100%;height:auto}#products .products__area img:hover{opacity:.5}#products .product__title{margin-bottom:20px;font-size:20px}#products .product__box a{text-decoration:none;color:#222}#products .product__box h3:hover{color:#4abdac}#products .product__bold{margin-top:20px;font-weight:bold;margin-bottom:17px}#products .school__product{text-align:center;font-size:1.5em}#products .products__area__2{max-width:1097px;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:50px;margin:50px auto 395px}#products .products__area__2 img:hover{opacity:.5}.sub__title__product{color:#4abdac}.modaal-close:after,.modaal-close:before{background:#ccc}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#666}#dott_orange{position:absolute;top:10250px;right:0;z-index:-99999;opacity:.3;width:70%}#dott_blue{position:absolute;top:6550px;opacity:.4;z-index:-999;width:70%}@media(max-width: 800px){#dott_orange,#dott_blue{display:none}}#contact{height:1242px;background-image:url(../images/contact_bg.png);background-size:cover;padding-top:130px}#contact .sub__title{padding-left:18.75%}#contact .contact__text{max-width:1442px;margin:0 auto;text-align:center;background-image:url(../images/kutu_hidari.png),url(../images/kutu_migi.png);height:987px;background-position:0 100%,100% 0}#contact .contact__text p{color:#fff;font-size:28px;font-weight:bold}#contact .contact__text p:first-child{font-size:35px;padding:353px 0 20px}footer{background-color:#fc4a1a;color:#fff;text-align:center}@media(max-width: 800px){#contact{height:900px;padding-top:70px}#contact .sub__title{padding-left:5%}#contact .contact__text{height:800px;background-size:contain}#contact .contact__text p{color:#222;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,0px 2px 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff}}
/*# sourceMappingURL=style.min.css.map */