@import"https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&display=swap&subset=japanese";@import"https://fonts.googleapis.com/css?family=Lato:100&display=swap";@import"https://fonts.googleapis.com/css?family=Lato&display=swap&subset=latin-ext";@import"https://fonts.googleapis.com/css?family=Quicksand&display=swap";@import"https://fonts.googleapis.com/css?family=Archivo+Black&display=swap";html,body{scroll-padding-top:70px}body{position:relative;width:100%;min-height:100vh;padding:70px 0 36px;font-family:"Quicksand",sans-serif;background:#f3f5fa;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}body.index,body.lower{-webkit-animation:pageAnime 1.4s forwards;animation:pageAnime 1.4s forwards}@-webkit-keyframes pageAnime{0%{opacity:0}100%{opacity:1}}@keyframes pageAnime{0%{opacity:0}100%{opacity:1}}*{letter-spacing:.05em}header{position:fixed;top:0;left:0;width:100%;height:70px;z-index:9996}.opening{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100dvh;z-index:9997;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-animation:loadingAnime .8s forwards 4s;animation:loadingAnime .8s forwards 4s}@-webkit-keyframes loadingAnime{0%{opacity:1;z-index:9997}100%{opacity:0;z-index:-1}}@keyframes loadingAnime{0%{opacity:1;z-index:9997}100%{opacity:0;z-index:-1}}.opening svg{width:648px;height:114px}.opening svg g{-webkit-transform:scale(4);transform:scale(4)}.opening svg .symbol-l{fill:url(#symbol);stroke:url(#symbol);stroke-width:.4px;-webkit-animation:logoSymbolLeftAnime 4s ease-in both;animation:logoSymbolLeftAnime 4s ease-in both}@-webkit-keyframes logoSymbolLeftAnime{0%{fill:rgba(0,0,0,0);stroke-dasharray:200px;stroke-dashoffset:200px}40%{stroke-dashoffset:0}50%{fill:rgba(0,0,0,0)}60%{fill:url(#symbol)}100%{stroke-width:0}}@keyframes logoSymbolLeftAnime{0%{fill:rgba(0,0,0,0);stroke-dasharray:200px;stroke-dashoffset:200px}40%{stroke-dashoffset:0}50%{fill:rgba(0,0,0,0)}60%{fill:url(#symbol)}100%{stroke-width:0}}.opening svg .symbol-r{fill:#007848;stroke:#007848;stroke-width:.4px;-webkit-animation:logoSymbolRightAnime 4s ease-in both;animation:logoSymbolRightAnime 4s ease-in both}@-webkit-keyframes logoSymbolRightAnime{0%{fill:rgba(0,0,0,0);stroke-dasharray:200px;stroke-dashoffset:200px}40%{stroke-dashoffset:0}50%{fill:rgba(0,0,0,0)}60%{fill:#007848}100%{stroke-width:0}}@keyframes logoSymbolRightAnime{0%{fill:rgba(0,0,0,0);stroke-dasharray:200px;stroke-dashoffset:200px}40%{stroke-dashoffset:0}50%{fill:rgba(0,0,0,0)}60%{fill:#007848}100%{stroke-width:0}}.opening svg .catch-copy{fill:#50646e;stroke:#50646e;stroke-width:.2px;-webkit-animation:logoTypeAnime 4s ease-in both;animation:logoTypeAnime 4s ease-in both}@-webkit-keyframes logoTypeAnime{0%{fill:rgba(0,0,0,0);stroke-dasharray:100px;stroke-dashoffset:100px}40%{stroke-dashoffset:0}50%{fill:rgba(0,0,0,0)}60%{fill:#50646e}100%{stroke-width:0}}@keyframes logoTypeAnime{0%{fill:rgba(0,0,0,0);stroke-dasharray:100px;stroke-dashoffset:100px}40%{stroke-dashoffset:0}50%{fill:rgba(0,0,0,0)}60%{fill:#50646e}100%{stroke-width:0}}.opening svg .logotype{fill:#50646e;stroke:#50646e;stroke-width:.4px;-webkit-animation:logoTypeAnime 4s ease-in both;animation:logoTypeAnime 4s ease-in both}@keyframes logoTypeAnime{0%{fill:rgba(0,0,0,0);stroke-dasharray:100px;stroke-dashoffset:100px}40%{stroke-dashoffset:0}50%{fill:rgba(0,0,0,0)}60%{fill:#50646e}100%{stroke-width:0}}.modal-area{position:fixed;width:100%;height:100dvh;z-index:9999;top:0;left:0;right:0;bottom:0;opacity:0;display:none}.modal-area__bg{display:none;width:100%;height:100dvh;background:rgba(0,0,0,.65);opacity:0}.modal-area__wrap{position:absolute;display:none;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform-origin:top left;transform-origin:top left;width:80%;max-width:1200px;height:auto;max-height:90%;background:#fff;opacity:0;border-radius:10px;overflow:auto}.modal-area__wrap--contents{padding:30px;width:100%;height:100%;overflow:auto}.modal-area__wrap--contents img{width:100%}.modal-area__wrap--contents video{display:block;margin:auto;width:100%}.modal-area__wrap--contents-container{width:100%}.modal-area__wrap--contents-container--work{background-color:#dadada}.modal-area__wrap--contents-container--title{margin:20px 0 5px;color:#141414;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:20px;line-height:1.5;line-break:strict}.modal-area__wrap--contents-container--scope{margin:0 0 4px;color:#777;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:14px;line-height:1.5;line-break:strict}.modal-area__wrap--contents-container a{display:inline-block;color:#008c56;font-size:14px;line-height:1.5;line-break:strict;text-decoration:underline;-webkit-transition:.3s;transition:.3s}.modal-area__wrap--contents-container a:hover{color:rgba(0,140,86,.65)}.modal-area__wrap--close{position:absolute;top:10px;right:10px;width:30px;height:30px;cursor:pointer}.modal-area__wrap--close::before,.modal-area__wrap--close::after{content:"";position:absolute;top:50%;left:50%;width:4px;height:30px;background:#fff}.modal-area__wrap--close::before{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.modal-area__wrap--close::after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.modal-area.show{display:block;opacity:1}.modal-area.show .modal-area__bg{display:block;-webkit-animation:bgshow .4s forwards;animation:bgshow .4s forwards}@-webkit-keyframes bgshow{0%{opacity:0}100%{opacity:1}}@keyframes bgshow{0%{opacity:0}100%{opacity:1}}.modal-area.show .modal-area__wrap{display:block;-webkit-animation:show .4s forwards;animation:show .4s forwards}@-webkit-keyframes show{0%{opacity:0;-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%)}100%{opacity:1;-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}}@keyframes show{0%{opacity:0;-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%)}100%{opacity:1;-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}}.back-to-top{display:block;position:fixed;width:40px;height:40px;right:15px;bottom:15px;z-index:99;text-align:center;font-size:15px;line-height:38px;color:rgba(0,0,0,.2);border-radius:50%;border:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,.02);cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.back-to-top:hover{color:#fff;border:none;background:#e02855;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.24);box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.24)}.navbar{padding:0;background:#fff;z-index:10;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.19),0 6px 10px rgba(0,0,0,.23);box-shadow:0 10px 30px rgba(0,0,0,.19),0 6px 10px rgba(0,0,0,.23)}.nav{position:relative;padding:0}.nav__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 0 17px;width:auto;height:70px;margin:0;overflow:hidden;-webkit-transition:.3s ease-out;transition:.3s ease-out}.nav__logo a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;text-decoration:none;overflow:hidden;cursor:pointer}.nav__logo a img{width:200px;-o-object-fit:cover;object-fit:cover}.nav__logo a::before{content:"";position:absolute;top:-70px;left:-200px;width:200px;height:70px;-webkit-transform:rotate(400deg);transform:rotate(400deg);opacity:.3;background:-webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0.5)));background:linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.5));-webkit-transition:.7s;transition:.7s}.nav__logo a:hover::before{left:200px}.nav__toggler{position:relative;padding:0 17px;width:59px;height:17px;border:0}.nav__toggler span{display:block;position:absolute;width:25px;border-bottom:solid 2px #212529;-webkit-transition:.2s;transition:.2s}.nav__toggler span:nth-child(1){top:0}.nav__toggler span:nth-child(2){top:8px}.nav__toggler span:nth-child(3){top:16px}.nav__toggler:focus{outline:none}.nav__toggler-active span:nth-child(1){top:8px;border-color:#e02855;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav__toggler-active span:nth-child(2),.nav__toggler-active span:nth-child(3){top:8px;border-color:#e02855;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav ul{margin-left:auto}.nav li{padding-top:30px;text-align:center}.nav li:last-child{padding-bottom:30px}.nav li a{position:relative;display:inline-block;font-size:16px;color:#141414}.nav li a:hover{color:#e02855;text-decoration:none}.nav li a::after{position:absolute;content:"";width:100%;height:1px;bottom:-30px;left:0;background:#e02855;opacity:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.nav li a:hover::after{bottom:-5px;opacity:1}.title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.title__mask{position:absolute;z-index:2;width:100%;height:100%;background:rgba(33,37,41,.7)}.title__photo{width:100%;height:500px;background-image:url("../img/main.jpg");background-size:cover;background-position:right 25% center}.title__text{position:absolute;width:85%;z-index:3;color:#fff;bottom:30px;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px);-webkit-animation:slideIn .4s ease-out 5.4s forwards;animation:slideIn .4s ease-out 5.4s forwards}@-webkit-keyframes slideIn{100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.title__text.accesed{-webkit-animation:slideIn .4s ease-out .5s forwards;animation:slideIn .4s ease-out .5s forwards}.title__text h2{margin:0 0 15px;font-weight:700;font-size:25px}.title__text h3,.title__text h4{margin:0;font-weight:500;line-height:1.9;font-size:14px}.title__text h4{margin:15px 0 20px;font-size:12px}.service{width:90%;max-width:1200px;margin:50px auto;padding:30px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.4s all ease-out;transition:.4s all ease-out}.service h2{margin-bottom:30px;text-align:center;font-size:40px;font-weight:100;color:#141414}.service hr{width:200px;border-top:1px solid #b4b4b4;margin:0 auto}.service__message{margin:20px 0 50px;line-height:1.9;font-size:14px;font-weight:500;color:#141414;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif}.service__icon{display:grid}.service__icon--wrap{text-align:center}.service__icon--wrap h3{margin-bottom:10px;line-height:1;font-size:20px;color:#141414;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif}.service__icon--wrap h4{margin:0;letter-spacing:1.5px;line-height:1;font-size:12px;font-family:"Lato",sans-serif;font-weight:400;color:#a5a5a5}.service__icon--wrap img{width:80px;height:80px;margin:15px 0}.service__icon--wrap--text{width:80%;margin:0 auto;text-align:left;line-height:1.9;font-size:14px;font-weight:500;color:#141414;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif}.service__icon--plus{text-align:center;font-size:30px;margin:40px 0}.works{width:90%;max-width:1200px;margin:50px auto;padding:30px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.4s all ease-out;transition:.4s all ease-out}.works h2{margin-bottom:30px;text-align:center;font-size:40px;font-weight:100;color:#141414}.works__message{margin:20px 0 50px;line-height:1.9;font-size:14px;font-weight:500;color:#141414;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif}.works__item{display:grid;gap:30px}.works__item--card{width:100%;height:100%;aspect-ratio:1}.works__item--card--open{padding:0;outline:none;border:none;background:none;cursor:pointer}.works__item--card--open:focus{outline:0}.works__item--card--open--box{position:relative}.works__item--card--open--box img,.works__item--card--open--box video{width:100%}.works__item--card--open--box--mask{position:absolute;width:100%;height:100%;top:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.works__item--card--open--box--mask p{position:absolute;width:50%;z-index:2;padding:5px 20px 0 0;text-align:center;font-size:14px;font-weight:600;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;color:#fff;opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.works__item--card--open--box--mask span{position:absolute;width:0;left:0;border-left:0;border-top:solid 30px #008c56;border-right:solid 20px rgba(0,0,0,0);border-bottom:0;opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.works__item--card--open--box--mask h3{position:absolute;width:100%;margin:0;padding:10px;bottom:0;text-align:center;font-size:14px;font-weight:600;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;color:#fff;background:#008c56;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.works__item--card--open--box--mask:hover{background:rgba(33,37,41,.7)}.works__item--card--open--box--mask:hover h3{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.works__item--card--open--box--mask:hover p,.works__item--card--open--box--mask:hover span{opacity:1;width:50%}.skill{width:90%;max-width:1200px;margin:50px auto;padding:30px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.4s all ease-out;transition:.4s all ease-out}.skill h2{margin-bottom:30px;text-align:center;font-size:40px;font-weight:100;color:#141414}.skill hr{width:200px;border-top:1px solid #b4b4b4;margin:0 auto;margin-bottom:40px}.skill__box{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:50px}.skill__box--circle{position:relative;width:150px;height:150px;border-radius:50%;text-align:center;overflow:hidden;z-index:1}.skill__box--circle::before{content:"";display:block;position:absolute;top:0;left:-75px;width:150px;height:150px;-webkit-transform-origin:right 75px;transform-origin:right 75px;z-index:2}.skill__box--circle::after{content:"";display:block;position:absolute;top:0px;left:75px;width:150px;height:150px;-webkit-transform-origin:left 75px;transform-origin:left 75px;z-index:3}.skill__box--circle--inner{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:10px;left:10px;width:130px;height:130px;background:#fff;border-radius:50%;z-index:4}.skill__box--circle--inner span{margin-top:5px;line-height:1;letter-spacing:1.5px;font-size:12px;font-family:"Lato",sans-serif;font-weight:400;color:#a5a5a5}.skill__box--html{background:#f16529}.skill__box--html img{width:50px;height:auto}.skill__box--html::before{background:#fdede7;-webkit-animation:rotate-circle-left-html 5s linear infinite;animation:rotate-circle-left-html 5s linear infinite}@-webkit-keyframes rotate-circle-left-html{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}@keyframes rotate-circle-left-html{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}.skill__box--html::after{background:#fdede7;-webkit-animation:rotate-circle-right-html 5s linear infinite;animation:rotate-circle-right-html 5s linear infinite}@-webkit-keyframes rotate-circle-right-html{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#fdede7}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#fdede7}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#f16529}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#f16529}}@keyframes rotate-circle-right-html{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#fdede7}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#fdede7}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#f16529}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#f16529}}.skill__box--css{background:#2965f1}.skill__box--css img{width:50px;height:auto}.skill__box--css::before{background:#e7edfd;-webkit-animation:rotate-circle-left-css 5s linear infinite;animation:rotate-circle-left-css 5s linear infinite}@-webkit-keyframes rotate-circle-left-css{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}@keyframes rotate-circle-left-css{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}.skill__box--css::after{background:#e7edfd;-webkit-animation:rotate-circle-right-css 5s linear infinite;animation:rotate-circle-right-css 5s linear infinite}@-webkit-keyframes rotate-circle-right-css{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#e7edfd}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#e7edfd}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#2965f1}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#2965f1}}@keyframes rotate-circle-right-css{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#e7edfd}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#e7edfd}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#2965f1}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#2965f1}}.skill__box--js{background:#f7de1e}.skill__box--js img{width:50px;height:auto}.skill__box--js::before{background:#fefbe6;-webkit-animation:rotate-circle-left-js 5s linear infinite;animation:rotate-circle-left-js 5s linear infinite}@-webkit-keyframes rotate-circle-left-js{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@keyframes rotate-circle-left-js{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}.skill__box--js::after{background:#fefbe6;-webkit-animation:rotate-circle-right-js 5s linear infinite;animation:rotate-circle-right-js 5s linear infinite}@-webkit-keyframes rotate-circle-right-js{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#fefbe6}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#fefbe6}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#f7de1e}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#f7de1e}}@keyframes rotate-circle-right-js{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#fefbe6}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#fefbe6}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#f7de1e}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#f7de1e}}.skill__box--python{background:#366a94}.skill__box--python img{width:50px;height:auto}.skill__box--python::before{background:#ecf3f8;-webkit-animation:rotate-circle-left-python 5s linear infinite;animation:rotate-circle-left-python 5s linear infinite}@-webkit-keyframes rotate-circle-left-python{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}100%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}}@keyframes rotate-circle-left-python{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}100%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}}.skill__box--python::after{background:#ecf3f8;-webkit-animation:rotate-circle-right-python 5s linear infinite;animation:rotate-circle-right-python 5s linear infinite}@-webkit-keyframes rotate-circle-right-python{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#ecf3f8}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#ecf3f8}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#366a94}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#366a94}}@keyframes rotate-circle-right-python{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#ecf3f8}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#ecf3f8}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#366a94}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#366a94}}.skill__box--wp{background:#32373c}.skill__box--wp img{width:50px;height:auto}.skill__box--wp::before{background:#eee;-webkit-animation:rotate-circle-left-wp 5s linear infinite;animation:rotate-circle-left-wp 5s linear infinite}@-webkit-keyframes rotate-circle-left-wp{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}100%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}@keyframes rotate-circle-left-wp{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}100%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}.skill__box--wp::after{background:#eee;-webkit-animation:rotate-circle-right-wp 5s linear infinite;animation:rotate-circle-right-wp 5s linear infinite}@-webkit-keyframes rotate-circle-right-wp{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#eee}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#eee}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#32373c}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#32373c}}@keyframes rotate-circle-right-wp{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#eee}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#eee}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#32373c}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#32373c}}.skill__box--jimdo{background:#006678}.skill__box--jimdo img{width:80px;height:auto}.skill__box--jimdo::before{background:#e5fbff;-webkit-animation:rotate-circle-left-jimdo 5s linear infinite;animation:rotate-circle-left-jimdo 5s linear infinite}@-webkit-keyframes rotate-circle-left-jimdo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}@keyframes rotate-circle-left-jimdo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}.skill__box--jimdo::after{background:#e5fbff;-webkit-animation:rotate-circle-right-jimdo 5s linear infinite;animation:rotate-circle-right-jimdo 5s linear infinite}@-webkit-keyframes rotate-circle-right-jimdo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#e5fbff}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#e5fbff}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#006678}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#006678}}@keyframes rotate-circle-right-jimdo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#e5fbff}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#e5fbff}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#006678}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#006678}}.skill__box--figma{background:#0d99ff}.skill__box--figma::before{background:#e5f4ff;-webkit-animation:rotate-circle-left-figma 5s linear infinite;animation:rotate-circle-left-figma 5s linear infinite}@-webkit-keyframes rotate-circle-left-figma{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}@keyframes rotate-circle-left-figma{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}.skill__box--figma::after{background:#e5f4ff;-webkit-animation:rotate-circle-right-figma 5s linear infinite;animation:rotate-circle-right-figma 5s linear infinite}@-webkit-keyframes rotate-circle-right-figma{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#e5f4ff}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#e5f4ff}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#0d99ff}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#0d99ff}}@keyframes rotate-circle-right-figma{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#e5f4ff}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#e5f4ff}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#0d99ff}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#0d99ff}}.skill__box--xd{background:#ff26be}.skill__box--xd::before{background:#ffe5f7;-webkit-animation:rotate-circle-left-xd 5s linear infinite;animation:rotate-circle-left-xd 5s linear infinite}@-webkit-keyframes rotate-circle-left-xd{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}@keyframes rotate-circle-left-xd{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}.skill__box--xd::after{background:#ffe5f7;-webkit-animation:rotate-circle-right-xd 5s linear infinite;animation:rotate-circle-right-xd 5s linear infinite}@-webkit-keyframes rotate-circle-right-xd{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#ffe5f7}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#ffe5f7}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#ff26be}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#ff26be}}@keyframes rotate-circle-right-xd{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#ffe5f7}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#ffe5f7}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#ff26be}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#ff26be}}.skill__box--illustrator{background:#ff8018}.skill__box--illustrator::before{background:#fff0e5;-webkit-animation:rotate-circle-left-illustrator 5s linear infinite;animation:rotate-circle-left-illustrator 5s linear infinite}@-webkit-keyframes rotate-circle-left-illustrator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}@keyframes rotate-circle-left-illustrator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}.skill__box--illustrator::after{background:#fff0e5;-webkit-animation:rotate-circle-right-illustrator 5s linear infinite;animation:rotate-circle-right-illustrator 5s linear infinite}@-webkit-keyframes rotate-circle-right-illustrator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#fff0e5}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#fff0e5}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#ff8018}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#ff8018}}@keyframes rotate-circle-right-illustrator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#fff0e5}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#fff0e5}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#ff8018}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#ff8018}}.skill__box--photoshop{background:#31c3f0}.skill__box--photoshop::before{background:#e7f8fd;-webkit-animation:rotate-circle-left-photoshop 5s linear infinite;animation:rotate-circle-left-photoshop 5s linear infinite}@-webkit-keyframes rotate-circle-left-photoshop{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}@keyframes rotate-circle-left-photoshop{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}18%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}100%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}.skill__box--photoshop::after{background:#e7f8fd;-webkit-animation:rotate-circle-right-photoshop 5s linear infinite;animation:rotate-circle-right-photoshop 5s linear infinite}@-webkit-keyframes rotate-circle-right-photoshop{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#e7f8fd}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#e7f8fd}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#31c3f0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#31c3f0}}@keyframes rotate-circle-right-photoshop{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);background:#e7f8fd}15%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#e7f8fd}15.01%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#31c3f0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);background:#31c3f0}}.profile{position:relative;padding:50px;background:rgba(80,100,110,.15);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.4s all ease-out;transition:.4s all ease-out}.profile__container{max-width:750px;margin:0 auto 50px;display:grid}.profile__container img{margin:0 auto 15px;width:150px;height:150px;border-radius:50%}.profile__container--name{margin:0;text-align:center;color:#141414;font-size:25px;letter-spacing:1px}.profile__container--name span{padding-left:10px;color:#141414;font-size:12px;font-weight:400;font-family:"Lato",sans-serif}.profile__container hr{border-top:1px solid #b4b4b4;width:100%}.profile__container--contact p{line-height:1.9;font-size:14px;font-weight:500;color:#141414;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif}.profile__container--contact--info{margin-top:40px}.profile__container--contact--info--box{margin-right:10vw;text-align:center}.profile__container--contact--info--box--arrow{display:inline-block;margin-right:-5px;width:20px;height:20px;border-top:solid 5px #008c56;border-right:solid 5px #008c56;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:slide 1s linear infinite;animation:slide 1s linear infinite}@-webkit-keyframes slide{0%{-webkit-transform:rotate(45deg) translate(0, 0);transform:rotate(45deg) translate(0, 0)}20%{-webkit-transform:rotate(45deg) translate(-10px, 10px);transform:rotate(45deg) translate(-10px, 10px)}40%{-webkit-transform:rotate(45deg) translate(0, 0);transform:rotate(45deg) translate(0, 0)}}@keyframes slide{0%{-webkit-transform:rotate(45deg) translate(0, 0);transform:rotate(45deg) translate(0, 0)}20%{-webkit-transform:rotate(45deg) translate(-10px, 10px);transform:rotate(45deg) translate(-10px, 10px)}40%{-webkit-transform:rotate(45deg) translate(0, 0);transform:rotate(45deg) translate(0, 0)}}.profile__container--contact--info--box--button{margin-left:15px;width:150px;height:50px;padding:0;border:none;background:#008c56;border-radius:3%;cursor:pointer;overflow:hidden;-webkit-transition:.3s ease-out;transition:.3s ease-out}.profile__container--contact--info--box--button:focus{outline:0}.profile__container--contact--info--box--button:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)}.profile__container--contact--info--box--button:hover .profile__container--contact--info--box--button--effect{margin-left:300px}.profile__container--contact--info--box--button--text{display:inline;margin:0;color:#fff;font-size:16px;font-weight:800;letter-spacing:1px}.profile__container--contact--info--box--button--effect{margin:0;background:-webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(204, 204, 204)));background:linear-gradient(rgb(255, 255, 255), rgb(204, 204, 204));width:200px;height:50px;margin-top:-50px;-webkit-transform:rotate(400deg);transform:rotate(400deg);margin-left:-300px;opacity:.3;-webkit-transition:1s;transition:1s}.profile__container--contact--info--social{position:absolute;left:0;right:0;bottom:0;background:rgba(80,100,110,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style:none;margin:0;padding:0}.profile__container--contact--info--social a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;margin:5px 10px;font-size:20px;color:#fff;border-radius:50%;text-decoration:none;-webkit-transition:.25s linear;transition:.25s linear}.profile__container--contact--info--social a:hover{background:rgba(20,20,20,.1)}footer{position:absolute;width:100%;bottom:0;text-align:center;background:#50646e}footer small{margin:0;color:#fff;font-size:12px;font-weight:400;font-family:"Lato",sans-serif;line-height:3}.contact{width:90%;max-width:1200px;margin:50px auto;padding:30px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.4s all ease-out;transition:.4s all ease-out}.contact h2{margin-bottom:30px;text-align:center;font-size:40px;font-weight:100;color:#141414}.contact__message{margin:20px 0 50px;line-height:1.9;font-size:14px;font-weight:500;color:#141414;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif}.contact__form{margin:0 auto;max-width:768px}.contact__form--wrap{position:relative;margin:0 0 3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.contact__form form{position:relative;max-width:500px;margin:0 auto}.contact__form form div.error{margin:calc(-3rem + 4px) 0 2.5rem;color:#e02855;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:14px;font-weight:bold;line-height:1.5;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.contact__form form div:last-of-type label{top:3px;left:5px}.contact__form form div label{display:block;position:absolute;top:0;color:#757575;-webkit-transition:.3s;transition:.3s}.contact__form form div label:hover{cursor:text}.contact__form form div label i{margin-right:3px}.contact__form form div input{width:100%;padding:0 0 4px;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:14px;border:0;border-radius:0;border-bottom:solid 1px #008c56}.contact__form form div input:focus{outline:none}.contact__form form div input:focus+label,.contact__form form div input:valid+label{margin-top:-24px;font-size:14px;color:#008c56;-webkit-transition:.3s;transition:.3s}.contact__form form div input:focus~span{width:100%;-webkit-transition:.4s;transition:.4s}.contact__form form div span{position:absolute;bottom:0;left:0;width:0;height:2px;-webkit-transition:.4s;transition:.4s;background:#008c56}.contact__form form textarea{display:block;width:100%;padding:8px;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:14px;border:solid 1px #008c56;border-radius:0}.contact__form form textarea:focus{outline:0;border:solid 2px #008c56}.contact__form form textarea:focus+label,.contact__form form textarea:valid+label{margin-top:-27px;font-size:14px;color:#008c56;-webkit-transition:.3s;transition:.3s}.contact__form form button{display:block;margin:0 auto;width:200px;padding:10px 0;border:0;background:#008c56;border-radius:3%;cursor:pointer;-webkit-transition:.3s ease-out;transition:.3s ease-out;color:#fff;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:16px;font-weight:500}.contact__form form button i{margin-right:3px}.contact__form form button:focus{outline:0}.contact__form form button:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)}.contact__form--recaptcha{margin:30px auto 0;text-align:center;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:12px;line-height:1.8}.contact__form--recaptcha a{color:#008c56;text-decoration:underline;-webkit-transition:.3s;transition:.3s}.contact__form--recaptcha a:hover{opacity:.65}.grecaptcha-badge{visibility:hidden}.thanks{width:90%;max-width:1200px;margin:50px auto;padding:30px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26)}.thanks--error{padding:50px}.thanks__title{position:relative;margin:0 0 20px;text-align:center;color:#008c56;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:24px;font-weight:medium;line-height:1.5}.thanks__title::before{content:"";position:absolute;left:50%;bottom:calc(100% + 42px);width:20px;height:33px;border-right:2px solid #008c56;border-bottom:2px solid #008c56;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.thanks__title::after{content:"";position:absolute;left:50%;bottom:calc(100% + 20px);margin:0 auto;width:70px;height:70px;border:2px solid #008c56;border-radius:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.thanks__title--error{color:#e02855}.thanks__title--error::before,.thanks__title--error::after{content:none}.thanks__desc{text-align:center;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:14px;line-height:1.8}.thanks__btn a{display:block;margin:30px auto 0;text-align:center;width:200px;padding:10px 0;border:0;background:#008c56;border-radius:3%;cursor:pointer;-webkit-transition:.3s ease-out;transition:.3s ease-out;color:#fff;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:16px;font-weight:500}.thanks__btn a:focus{outline:0}.thanks__btn a:hover{text-decoration:none;-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)}.recaptcha-error{max-width:500px;margin:-30px auto 60px;padding:10px;color:#e02855;font-size:14px;font-weight:bold;line-height:1.5;padding:10px 15px;background-color:rgba(224,40,85,.1);border:2px solid #e02855;border-radius:4px}.contact-thanks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100vh - 66px - 36px)}.contact-thanks__wrap{width:90%;max-width:1200px;margin:50px auto;padding:30px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26);max-width:400px}.contact-thanks__wrap h2{margin-bottom:30px;text-align:center;font-size:40px;font-weight:100;color:#141414}.contact-thanks__wrap p{margin:20px 0 50px;line-height:1.9;font-size:14px;font-weight:500;color:#141414;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;line-height:1.5;margin:20px 0}.contact-thanks__wrap--image{height:200px;background-image:url("../img/myillust.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.news{width:90%;max-width:1200px;margin:50px auto;padding:30px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.4s all ease-out;transition:.4s all ease-out}.news h2{margin-bottom:30px;text-align:center;font-size:40px;font-weight:100;color:#141414;margin-bottom:50px}.news hr{width:200px;border-top:1px solid #b4b4b4;margin:0 auto;margin-bottom:40px}.news__wrap--topic--content--date{font-size:12px;color:#a5a5a5;letter-spacing:1.2px}.news__wrap--topic--content--text{position:relative;display:inline-block;padding-bottom:4px;font-size:14px;font-weight:500;line-height:1.9;color:#141414;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif}.news__wrap--topic--video{position:relative}.news__wrap--topic--video--movie{width:100%;padding-top:56.25%}.news__wrap--topic--video--movie iframe{position:absolute;top:0;left:0;width:100%;height:100%}.news__wrap--topic--img{position:relative;cursor:pointer}.news__wrap--topic--img--photo{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.news__wrap--topic--img--mask{display:block;position:absolute;width:100%;height:100%;top:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.news__wrap--topic--img--mask p:first-child{position:absolute;width:40%;z-index:2;padding:5px 20px 0 0;text-align:center;font-size:14px;font-weight:600;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;color:#fff;opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.news__wrap--topic--img--mask span{position:absolute;width:0;left:0;border-left:0;border-top:solid 30px #008c56;border-right:solid 20px rgba(0,0,0,0);border-bottom:0;opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.news__wrap--topic--img--mask p:last-child{position:absolute;width:100%;margin:0;padding:10px;bottom:0;font-size:14px;font-weight:600;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;color:#fff;background:#008c56;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.news__wrap--topic--img--mask:hover{background:rgba(33,37,41,.7)}.news__wrap--topic--img--mask:hover p:first-child,.news__wrap--topic--img--mask:hover span{opacity:1;width:40%}.news__wrap--topic--img--mask:hover p:last-child{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.company{width:90%;max-width:1200px;margin:50px auto;padding:30px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.4s all ease-out;transition:.4s all ease-out;padding:30px 0 0}.company h2{margin-bottom:30px;text-align:center;font-size:40px;font-weight:100;color:#141414;margin-bottom:50px}.company__wrap{margin:0 auto;padding:0 30px;max-width:768px}.company__wrap--contents{margin:0}.company__wrap--contents--item{display:grid;grid-template-columns:220px 1fr}.company__wrap--contents--item dt{color:#141414;padding:24px 20px 24px 10px;width:220px;border-bottom:2px solid #50646e;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:14px;line-height:1.8}.company__wrap--contents--item dd{color:#141414;margin:0;padding:24px 20px 24px 10px;border-bottom:2px solid #d8dfe2;font-family:Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","游ゴシック","Yu Gothic Medium","Yu Gothic",HiraKakuProN-W3,"メイリオ",Meiryo,sans-serif;font-size:14px;line-height:1.8}.company__wrap--contents--item dd ol{margin:0;padding:0 0 0 calc(1em + 8px)}.company__wrap--contents--item dd li{margin:0 0 8px}.company__wrap--contents--item:last-of-type dt,.company__wrap--contents--item:last-of-type dd{border-bottom:0}.company__map{margin:10px 0 0;height:350px}.company__map iframe{width:100%;height:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s;transition:.3s}.company__map iframe:hover{-webkit-filter:none;filter:none}@media screen and (max-width: 369px){.nav__logo{width:235px;height:56px}.nav__logo a{height:56px}.nav__logo a img{height:56px}.opening__text{font-size:23px}.title__text h2{font-size:25px}.profile__container--contact--info--box{margin:0}.contact__wrap h2{font-size:25px}}@media screen and (max-width: 767px){.opening svg{width:324px;height:58px}.opening svg g{-webkit-transform:scale(2);transform:scale(2)}.nav ul{height:100dvh}.company__wrap--contents--item{grid-template-columns:1fr}.company__wrap--contents--item:first-of-type dt{padding:0 0 4px}.company__wrap--contents--item:last-of-type dd{border-bottom:none}.company__wrap--contents--item dt{padding:24px 0 4px 0;width:auto;font-size:14px;border-bottom:none}.company__wrap--contents--item dd{padding:0 20px 20px 10px;font-size:14px}.modal-area__wrap--contents-container--title{font-size:18px}.contact__form--recaptcha{text-align:left;font-size:10px}.thanks{padding:95px 10px 30px}.thanks--error{padding:30px 10px}.thanks__title{font-size:18px}.thanks__title::before{content:"";position:absolute;left:50%;bottom:calc(100% + 32px);width:12px;height:20px;border-right:2px solid #008c56;border-bottom:2px solid #008c56;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.thanks__title::after{content:"";position:absolute;left:50%;bottom:calc(100% + 15px);margin:0 auto;width:50px;height:50px;border:2px solid #008c56;border-radius:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.thanks__title--error::before,.thanks__title--error::after{content:none}.br-sp{display:block}.br-992{display:none}}@media screen and (min-width: 576px){.title{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title__text{bottom:auto}.title__text h4{margin:15px 0 0 0}.news__wrap--topic--video--movie{width:280px}.news__wrap--topic--img--photo{width:280px}.works__item{grid-template-columns:auto auto}.works__item--card--open--box--mask p{width:50%}.works__item--card--open--box--mask:hover p,.works__item--card--open--box--mask:hover span{width:50%}.modal-area__wrap--contents-container{font-size:16px}.skill__box{grid-template-columns:auto auto}.profile__container{grid-template-columns:170px auto;grid-template-rows:160px auto}.profile__container img{grid-column:1/2;margin:0 20px 0 0}.profile__container--name{grid-column:1/2;margin:0 20px 0 0}.profile__container--name span{display:block;padding:3px 0 0 0}.profile__container--contact{grid-column:2/3;grid-row:1/3}.profile__container--contact--info{margin-top:20px}.profile__container--contact--info--box{margin-right:5vw}.profile__container--contact--info--box--button{width:180px}.contact__wrap p{text-align:center}#recaptcha-captcha{width:304px;-webkit-transform:scale(1);transform:scale(1)}.contact-thanks p{text-align:center}}@media screen and (min-width: 768px){.nav{height:70px}.nav__logo{padding:0 0 0 30px}.nav li{padding:0 30px 0 0}.nav li:last-child{padding:0 30px 0 0}.title__photo{height:700px}.title__text h2{margin:0 0 30px;font-size:45px}.title__text h3{font-size:20px}.title__text h4{font-size:16px}.news{padding:50px}.service{padding:50px}.service__message{text-align:center}.service__icon{grid-template-columns:auto auto auto auto auto;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}.service__icon--wrap--text{width:100%;text-align:left}.service__icon--plus{margin-top:90px}.works{padding:50px}.works__message{text-align:center}.works__item{grid-template-columns:auto auto auto}.works__item--card--open--box--mask p{width:70%}.works__item--card--open--box--mask:hover p,.works__item--card--open--box--mask:hover span{width:70%}.skill{padding:50px}.skill__box{grid-template-columns:auto auto auto}.company{padding:50px 0 0}.company__map{height:450px}.contact{padding:50px}.contact__message{text-align:center}.thanks{padding:130px 50px 50px}.thanks--error{padding:50px}.profile__container{margin:0 auto}.profile__container--contact{position:relative}.profile__container--contact--info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:30px}.profile__container--contact--info--box{margin-right:5vw}.profile__container--contact--info--social{position:static;left:auto;right:auto;bottom:auto;background:rgba(0,0,0,0)}.profile__container--contact--info--social a{width:50px;height:50px;margin:0 10px;font-size:30px;color:#677288}.br-sp{display:none}}@media screen and (min-width: 992px){.nav li{padding:0 70px 0 0}.skill__box{grid-template-columns:auto auto auto auto}.works__item--card--open--box--mask p{width:50%}.works__item--card--open--box--mask:hover p,.works__item--card--open--box--mask:hover span{width:50%}.company__wrap--contents--item{grid-template-columns:220px 1fr}.company__wrap--contents--item dt{width:220px}.br-992{display:none}}@media screen and (min-width: 1200px){.back-to-top{right:40px;bottom:40px}.opening__text::after{width:350px;height:50px}.title__photo{background-position:right 25% bottom 30%}.title__text h2{font-size:45px}.title__text h3{font-size:20px}.title__text h4{font-size:16px}.service,.works,.news,.company,.contact{margin-top:80px;margin-bottom:80px}.works__item{width:100%;grid-template-columns:auto auto auto}.works__item--card--open--box--mask p{width:40%}.works__item--card--open--box--mask:hover p,.works__item--card--open--box--mask:hover span{width:40%}.modal-area__wrap--contents video{width:70%}}/*# sourceMappingURL=style.min.css.map */