@charset "UTF-8";abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul,ul li{list-style:none}ul li{text-decoration:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{vertical-align:middle}body,html{margin:0;padding:0}body{box-sizing:border-box;color:#2d2c23;font-family:Hiragino Sans,\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af,\30e1\30a4\30ea\30aa,Meiryo,\ff2d\ff33  \ff30\30b4\30b7\30c3\30af,MS PGothic,\ff2d\ff33  \30b4\30b7\30c3\30af,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.6}@media screen and (min-width:576px){body{font-size:16px}}a{color:#2d2c23;cursor:pointer;display:block;text-decoration:none}img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}img.img-blur{filter:blur(5px)}.section{min-height:calc(100vh - 330px);padding:100px 0}.section.creamBg{background-color:#faf9f1}.section__inner{margin:0 15px;min-width:290px;overflow:hidden}@media screen and (min-width:576px){.section__inner{margin:0 auto;width:90%}}.section__title{display:block;font-family:Crete Round,serif;font-size:2.8rem;margin:0 auto 1em;text-align:center}.section__text{padding-bottom:2rem}.header{background-color:#faf8f080;height:46px;position:fixed;width:100%;z-index:9000}.header__inner{display:flex;padding:0 15px}.header__menu{background:#10100d;box-sizing:border-box;height:100vh;opacity:.9;padding:100px;position:absolute;right:-100%;top:0;transition:all .2s ease-in-out;width:100%;z-index:10000}.header__menu-item{margin:15px 0;text-align:center}.header__menu-link{color:#fff;height:100%}@media screen and (min-width:992px){.header{height:75px}.header__menu{background-color:transparent;display:flex;height:75px;justify-content:center;padding:0;right:0}.header__menu-item{margin:10px;padding:0 10px;position:relative;transition:all .3s ease}.header__menu-item:after{background-color:#00991a;bottom:5px;content:"";height:2px;left:0;margin:0 auto;position:absolute;right:0;transition:all .3s ease;width:0}.header__menu-item:hover:after{width:100%}.header__menu-link{color:#2d2c23;font-size:1.2rem;line-height:55px}}.toggle{cursor:pointer;height:26px;margin:10px 10px 10px auto;position:relative;width:30px;z-index:10001}.toggle__span{background-color:#2d2c23;border-radius:15px;height:2px;left:0;position:absolute;transition:all .5s ease-in-out;width:100%}.toggle__span:first-child{top:0}.toggle__span:nth-child(2){top:10px}.toggle__span:nth-child(3){bottom:5px}@media screen and (min-width:992px){.toggle{display:none}}.mainview{background-color:#faf9f1;height:100vh;overflow:hidden;position:relative;width:100%}.mainview__title{bottom:30%;font-size:3rem;height:38%;margin:auto;position:absolute;right:30%;text-shadow:0 0 1px #2d2c23;writing-mode:vertical-rl}@media screen and (min-width:992px){.mainview__title{font-size:4rem;right:20%}}.about__text{text-align:center}@media screen and (min-width:992px){.skills__inner{display:flex;flex-direction:row-reverse}}.skills__img{height:200px;margin-bottom:30px;width:100%}.skills__img img{-o-object-position:center;object-position:center}@media screen and (min-width:992px){.skills__img{height:auto;margin:30px;width:40%}.skills__img img{-o-object-position:left;object-position:left}}.skills__list{border:2px solid #00991a;border-radius:10px;margin:auto;max-width:90%;padding:2rem 0;width:calc(160px + 4rem)}@media screen and (min-width:576px){.skills__list{width:calc(200px + 4rem)}}.skills__list ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}@media screen and (min-width:576px){.skills__list{padding:2rem 15px;width:calc(300px + 12rem)}.skills__list ul{justify-content:center}}.skills__item{margin:1rem 15px;width:80px}@media screen and (min-width:576px){.skills__item{margin:1rem;width:100px}}.skills__item img{color:#022e4a;filter:invert(18%) sepia(31%) saturate(1328%) hue-rotate(163deg) brightness(90%) contrast(106%);font-size:80px;height:80px;-o-object-fit:contain;object-fit:contain;text-align:center;width:80px}@media screen and (min-width:576px){.skills__item img{font-size:100px;height:100px;width:100px}}.skills__item-title{text-align:center}.works__title-text{margin:0 auto;max-width:100%;width:500px}.works__item{padding-bottom:2rem;width:100%}.works__img-link{box-shadow:0 0 5px #4a4839;display:block;height:200px;overflow:hidden}.works__img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.works__box{padding:.5rem 1rem}.works__item-title{display:inline}.works__item-title--link{color:#1232b5;display:inline-block;transition:all .3s ease}.works__item-title--link:hover{font-weight:600}.works__item-link{display:inline;font-size:1.3rem;padding-left:1rem}@media screen and (min-width:576px){.works__inner{display:flex;flex-wrap:wrap;gap:10px}.works__item{width:calc(50% - 5px)}}@media screen and (min-width:992px){.works__item{width:calc(33.33333% - 6.66667px)}}.contact{width:100%}.contact .section__inner{margin:0 auto;max-width:90%;width:600px}.contact__form{padding:24px}.contact__form-label{margin-top:20px;width:100%}.contact__form-label span{font-size:.5rem;padding-left:5px}.contact__form-item{width:100%}.contact__form-item input{width:80%}.contact__form-item.name input{width:40%}.contact__form-item.textarea{height:200px;width:100%}.contact__form-item.textarea textarea{height:100%;width:100%}.contact__form-serect{margin-top:5px}.contact__btn{margin-top:30px}.contact__btn input{background-color:#056cad;border:none;border-radius:8px;box-shadow:1px 1px 3px #022e4a;color:#fff;cursor:pointer;display:block;margin:0 auto;padding:8px 24px}.contact__form-success{color:#50b460;font-weight:700;height:25px}.contact__form-success p{display:none;text-align:center}.footer{background-color:#022033;color:#b3b3b3;padding:5rem 0;text-align:center}.toPageTop{background-color:#00991a;bottom:0;height:32px;opacity:0;position:fixed;right:0;transition:opacity .3s ease;width:32px}.toPageTop.fadein{opacity:1}.toPageTop:after{border-color:transparent transparent #00991a;border-style:solid;border-width:0 16.5px 16px;content:"";height:0;position:absolute;right:-1px;top:-16px;width:0}.toPageTop__link{height:100%;width:100%}.toPageTop__link:after,.toPageTop__link:before{border-left:3px solid #fff;border-top:3px solid #fff;content:"";height:16px;left:45%;position:absolute;transform:rotate(45deg) translate(-50%);width:16px}.toPageTop__link:before{top:30%}.toPageTop__link:after{top:60%}.is-open .header__menu{right:0}.is-open .toggle .toggle__span:first-child{background-color:#faf9f1;transform:rotate(230deg) translate(-9px,-9px)}.is-open .toggle .toggle__span:nth-child(2){background-color:#faf9f1;opacity:0;transform:translate(100px)}.is-open .toggle .toggle__span:nth-child(3){background-color:#faf9f1;transform:rotate(-230deg) translate(-5px,5px)}.mainview__title{opacity:0}.mainview__title.is-inview{animation-delay:0s;animation-direction:normal;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:mainviewTitle;animation-timing-function:ease-out;opacity:1}@keyframes mainviewTitle{0%{opacity:0;transform:translate(-200%) scale(1.5)}90%{opacity:1}to{opacity:1;transform:translate(50%,50%) scale(1)}}