.header{background:#fdfaff;padding:10px 5px;height:70px;display:flex}.header .container{align-items:center;display:flex;justify-content:space-between;flex-direction:column}@media (min-width:768px){.header .container{flex-direction:row}}.header__logo{margin-bottom:5px}@media (min-width:768px){.header__logo{margin:0}}.header__logo-link{color:#433f5f;text-decoration:none;font-family:"Petit Formal Script",cursive}.header__nav-link{color:#433f5f;display:inline-block;font-family:"Quicksand";position:relative;text-decoration:none}.header__nav-link:not(:last-child){margin-right:20px}.header__nav-link:after{position:absolute;bottom:-6px;left:0;content:"";width:100%;height:2px;background:#c73636;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.header__nav-link:hover:after{-webkit-transform:scale(1);transform:scale(1)}.footer{background:#585275;margin-top:auto}.footer__sns-list{align-items:center;display:flex;justify-content:center;padding:20px 0}.footer__sns-icon{font-size:2rem;padding:0 10px}.footer__sns-icon a{color:#fff}.footer__sns-icon a:hover{color:#c73636}.footer__text{color:#fff;font-family:"Quicksand";text-align:center;padding-bottom:10px}#intro{padding:20px 0}#intro .container{align-items:center;display:flex;justify-content:center;flex-wrap:wrap}#intro .container__item{flex:0 0 320px;margin:10px 0}@media (min-width:768px){#intro .container__item{flex:0 0 480px;margin:0}}#intro .container__item .item__title-sub{margin-bottom:5px}#intro .container__item .item__img{width:100%;max-width:480px}#intro .container__item--left{order:2}@media (min-width:768px){#intro .container__item--left{order:1}}#intro .container__item--right{order:1}@media (min-width:768px){#intro .container__item--right{order:2}}#project{margin:20px 0}#project .cards{align-items:center;display:flex;justify-content:space-around;align-items:stretch;flex-wrap:wrap}#project .card{box-shadow:1px 1px 6px 0 hsla(0,0%,57.3%,.3);margin:10px 0;width:500px;-webkit-transition:box-shadow .3s,-webkit-transform .3s;transition:box-shadow .3s,-webkit-transform .3s;transition:box-shadow .3s,transform .3s;transition:box-shadow .3s,transform .3s,-webkit-transform .3s}#project .card:hover{box-shadow:0 2px 14px rgba(94,93,93,.3);-webkit-transform:translateY(-4px);transform:translateY(-4px)}#project .card__link{text-decoration:none}#project .card__image-container{height:320px}#project .card__img{width:100%;height:100%;object-fit:cover}#project .card__text{padding:10px;text-align:center;word-break:break-word}#project .card__text-title{font-weight:600}#project .card__text-details,#project .card__text-title{color:#433f5f;font-family:"Quicksand";margin-bottom:5px;line-height:1.5}#work-detail{padding-top:20px;-webkit-animation:fadeInBottomTop .8s ease-in-out;animation:fadeInBottomTop .8s ease-in-out}@-webkit-keyframes fadeInBottomTop{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#work-detail .container__item{margin-bottom:20px;padding:0 20px}@media (min-width:992px){#work-detail .container__item{padding:0}}#work-detail .container__item .item__title{margin-bottom:10px}#work-detail .container__item .item__img{width:100%;max-width:990px;margin-bottom:50px}#work-detail .container__item .item__text{margin-bottom:20px}#work-detail .container__item .item__text ul{list-style:unset}#work-detail .container__item .item__title-sub{margin-bottom:10px;display:inline-block}#work-detail .container__item .item__language{margin-left:10px;background:#fff;border:1px solid #433f5f;border-radius:3px;padding:5px;font-family:"Helvetica";font-size:1.2rem;cursor:pointer;color:#433f5f;-webkit-transition:.3s;transition:.3s}#work-detail .container__item .item__language:focus{outline:0}#work-detail .container__item .item__language:hover{background:#433f5f;color:#fff}#work-detail .container__item .item__btn{display:inline-block;padding:10px 15px;background:#c73636;border:1px solid #c73636;border-radius:3px;-webkit-transition:.3s;transition:.3s}#work-detail .container__item .item__btn:hover{background:#fff;color:#c73636}#work-detail .container__item .item__link{color:#fff;display:block;font-family:"Quicksand";margin-bottom:10px;text-decoration:none}#work-detail .container__sub{display:flex;flex-wrap:wrap}#work-detail .container__sub .sub_item{flex-basis:50%;padding-right:20px}#about{padding-top:20px}#about .container{align-items:flex-start;display:flex;justify-content:center;flex-wrap:wrap}@media (min-width:992px){#about .container{justify-content:space-between}}#about .container__item{padding:0 20px}@media (min-width:768px){#about .container__item{padding:0}}#about .container__item .item__img{width:100%;margin-bottom:20px}#about .container__item--left{-webkit-animation:fadeInLeftToRight .8s ease;animation:fadeInLeftToRight .8s ease}@-webkit-keyframes fadeInLeftToRight{0%{opacity:0;-webkit-transform:translateX(-150px);transform:translateX(-150px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftToRight{0%{opacity:0;-webkit-transform:translateX(-150px);transform:translateX(-150px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (min-width:768px){#about .container__item--left{flex:0 0 600px}}#about .container__item--left .item__text{margin-bottom:10px}#about .container__item--left .item__text span{display:block}#about .container__item--right{-webkit-animation:fadeInRightToLeft .8s ease;animation:fadeInRightToLeft .8s ease}@-webkit-keyframes fadeInRightToLeft{0%{opacity:0;-webkit-transform:translateX(150px);transform:translateX(150px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightToLeft{0%{opacity:0;-webkit-transform:translateX(150px);transform:translateX(150px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (min-width:768px){#about .container__item--right{flex:0 0 300px}}#about .container .item__title-sub{margin-bottom:5px}#contact{padding-top:20px;-webkit-animation:fadeInBottomTop .8s ease;animation:fadeInBottomTop .8s ease}@keyframes fadeInBottomTop{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#contact .container__item{align-items:flex-start;display:flex;justify-content:flex-start;flex-direction:column;padding:0 20px}@media (min-width:992px){#contact .container__item{padding:0}}#contact .container__item .item__text{margin-bottom:10px}#contact .container__item .item__title-sub{font-size:2rem}#contact .container__item .item__title-sub a{color:#c73636;text-decoration:none}#contact .container__item .item__title-sub .fa-envelope{vertical-align:middle;margin-right:5px}html{font-size:62.5%}html body{font-size:1.6em;color:#433f5f;background:#fdfaff}html body h1{font-size:3.2rem}@media (min-width:768px){html body h1{font-size:6.4rem}}html body h2{font-size:2rem}@media (min-width:768px){html body h2{font-size:2.4rem}}html body main{display:flex;flex-direction:column;min-height:100vh}html body .container{width:100%;max-width:1100px;margin:0 auto}html body #about .item__title,html body #contact .item__title,html body #intro .item__title,html body #work-detail .item__title{font-family:"Quicksand";font-weight:700;margin-bottom:5px}html body #about .item__text,html body #contact .item__text,html body #intro .item__text,html body #work-detail .item__text{font-family:"Helvetica";line-height:1.7;word-break:break-word}html body #about .item__title-sub,html body #contact .item__title-sub,html body #intro .item__title-sub,html body #work-detail .item__title-sub{color:#c73636;display:block;font-family:"Quicksand";font-weight:700}html{box-sizing:border-box}*,: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}
/*# sourceMappingURL=main.da9ea459.chunk.css.map */