@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,800&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,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,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#8aa0af}::-webkit-scrollbar{width:20px}@media screen and (max-width:1024px){::-webkit-scrollbar{display:none}}::-webkit-scrollbar-track{background:#8aa0af}::-webkit-scrollbar-thumb{background:#014872}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid transparent;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid transparent;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.experience{padding-top:95px}.main{padding-top:75px;width:100%}@media screen and (max-width:1024px){.main{padding-top:0}}.main .main-visual{align-items:center;background-attachment:fixed;background-image:url(/static/media/mainvisual.81e007b2de798cbce7d8.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;margin:0 auto;min-height:90vh;width:100%}@media screen and (max-width:1024px){.main .main-visual{min-height:90vh}}@media screen and (max-width:599px){.main .main-visual{background-image:url(/static/media/media-main.2a08bcd35390d4e17952.png)}}.main .main-visual .main-letter{color:#fff;cursor:default;font-family:Poppins,sans-serif;font-size:120px;transition:.2s}@media screen and (max-width:1024px){.main .main-visual .main-letter{font-size:80px}}.main .main-visual .main-letter:hover{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:colorChange;animation-name:colorChange;-webkit-animation-timing-function:linear;animation-timing-function:linear;cursor:pointer}.main .about{background-color:#0c4875;display:flex;flex-wrap:wrap;min-height:100vh;padding-bottom:80px;padding-top:80px;width:100%}.main .about .about-caption{font-family:Poppins,sans-serif;font-size:48px;height:50px;margin-bottom:20px;text-align:center;width:100%}@media screen and (max-width:1024px){.main .about .about-caption{margin-bottom:0}}.main .about .portrait{margin-left:auto;width:30%}@media screen and (max-width:1024px){.main .about .portrait{margin:0 auto;width:70%}}@media screen and (max-width:599px){.main .about .portrait{width:100%}}.main .about .portrait img{height:100%;object-fit:contain;width:100%}.main .about .about-content{background-color:rgba(162,182,201,.426);border-radius:20px;margin-right:auto;padding:20px;width:60%}@media screen and (max-width:1024px){.main .about .about-content{width:100%}}.main .skills{margin:100px auto 0;min-height:85vh;padding-top:80px;width:90%}@media screen and (max-width:599px){.main .skills{margin-top:20px}}.main .skills .skills-caption{margin-bottom:20px;width:100%}.main .skills .skills-caption h2{font-family:Poppins,sans-serif;font-size:48px;text-align:center}@media screen and (max-width:599px){.main .skills .skills-caption h2{font-size:40px}}.main .skills .skill-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:30px;margin-top:20px}.main .contact-banner{align-items:center;background-color:#0c4875;display:flex;flex-direction:column;justify-content:center;margin-top:100px;min-height:85vh;padding-bottom:100px;width:100%}.main .contact-banner h3{color:#000;font-family:Poppins,sans-serif;font-size:48px;padding-bottom:30px}.main .contact-banner .banner{background-image:url(/static/media/contact.45b5215e405ae0ae53fd.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:60vh;position:relative;width:60%}@media screen and (max-width:599px){.main .contact-banner .banner{background-size:contain;height:30vh;width:100%}}.main .contact-banner .banner .banner-text{color:#fff;font-size:30px;font-weight:700;left:32%;position:absolute;top:40%}@media screen and (max-width:599px){.main .contact-banner .banner .banner-text{font-size:20px;left:18%;top:50%}}.main .contact-banner .banner .contact-btn{background-color:hsla(0,0%,100%,.71);border-radius:10px;bottom:150px;left:44%;padding:16px 40px;position:absolute;transition:40ms}@media screen and (max-width:599px){.main .contact-banner .banner .contact-btn{bottom:-100px;left:32%}}.main .contact-banner .banner .contact-btn:hover{background-color:#1f7cdf;color:#fff;cursor:pointer}.main .top-scroll{align-items:center;background-color:rgba(151,226,240,.6);border-radius:30px;bottom:80px;display:flex;height:60px;justify-content:center;position:fixed;right:20px;transition:.3s;width:60px;z-index:9}.main .top-scroll:hover{background-color:#133089;cursor:pointer}.main .top-scroll span{color:gray}@-webkit-keyframes colorChange{0%{color:#0164bc}20%{color:#08eab5}40%{color:#2be909}60%{color:#eea806}80%{color:#e90303}to{color:#bd0bf3}}@keyframes colorChange{0%{color:#0164bc}20%{color:#08eab5}40%{color:#2be909}60%{color:#eea806}80%{color:#e90303}to{color:#bd0bf3}}@-webkit-keyframes flowObj{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes flowObj{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}.skill-card{align-items:center;background-color:rgba(45,133,171,.742);border-radius:10px;height:200px;margin-right:20px;margin-top:30px;width:180px}@media screen and (max-width:599px){.skill-card{border-radius:50%;height:120px;margin:10px auto;width:120px}}.skill-card:hover{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:flowObj;animation-name:flowObj;-webkit-animation-timing-function:linear;animation-timing-function:linear}.skill-card .skill-icon{margin-top:40px;text-align:center}@media screen and (max-width:599px){.skill-card .skill-icon{margin:0;padding-top:15px}}.skill-card .skill-name{color:#071b2c;font-size:23px;margin-top:20px;text-align:center}@media screen and (max-width:599px){.skill-card .skill-name{font-size:14px;margin-top:3px}}.descript{padding-bottom:100px;position:relative}.descript #pc{font-size:20px;line-height:normal}@media screen and (max-width:599px){.descript #pc{display:none;margin-bottom:10px}}.descript #phone{display:none}@media screen and (max-width:599px){.descript #phone{display:block}}.descript #phone .lang-tog{align-items:center;display:flex;margin-bottom:10px}.descript #phone #none{display:none}.descript #phone #display{display:inline-block}.descript .about-btn{background-color:rgba(42,47,204,.4);border-radius:10px;bottom:5px;color:#fff;margin-bottom:10px;margin-right:50px;padding:16px 32px;position:absolute;right:10px;transition:40ms}.descript .about-btn:hover{background-color:#2a2fcc;cursor:pointer}.works{min-height:100vh;padding-top:95px;width:100%}@media screen and (max-width:1024px){.works{padding-top:0}}.works .works-caption{height:40px;margin-bottom:50px;margin-top:30px;text-align:center;width:100%}@media screen and (max-width:1024px){.works .works-caption{margin-bottom:0}}.works .works-caption h2{color:#000;font-family:Poppins,sans-serif;font-size:36px}.works .works-contents{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center;min-height:100%;width:100%}.works .works-contents .work{align-items:center;display:flex;flex-direction:column;margin:50px auto;width:60%}@media screen and (max-width:1024px){.works .works-contents .work{margin:20px auto;width:95%}}.works .works-contents .work img{max-height:100%;max-width:100%;object-fit:contain;object-position:50% 50%}.works .works-contents .work .work-btn{background-color:rgba(59,102,181,.4);border-radius:5px;color:#fff;margin-top:20px;padding:16px 36px;text-decoration:none;transition:40ms}.works .works-contents .work .work-btn:hover{background-color:#3b66b5}.contact{margin:0 auto;min-height:80vh;padding-top:95px;width:90%}@media screen and (max-width:1024px){.contact{padding-top:20px}}.contact .mail-container{margin-top:100px;width:100%}@media screen and (max-width:1024px){.contact .mail-container{margin-top:30px}}.contact .mail-container h3{font-size:36px;margin-bottom:20px;text-align:center}@media screen and (max-width:1024px){.contact .mail-container h3{font-size:26px;font-weight:700;margin-bottom:20px;margin-top:10px}}.contact .mail-container .form{margin:0 auto;width:440px}@media screen and (max-width:1024px){.contact .mail-container .form{width:90%}}.contact .mail-container .form .form-letter{font-size:16px;margin-bottom:2px}.contact .mail-container .form .error-message{border:none!important;color:#8c2727;font-size:16px;height:16px}.contact .mail-container .form .form-control{background-color:#fff;border:1px solid #bac6d3;border-radius:3px;box-sizing:border-box;display:block;font-size:16px;margin-bottom:20px;padding:10px;width:100%}.contact .mail-container .form input[type=submit]{background-color:rgba(22,82,147,.396);border:none;border-radius:10px;color:#fff;font-size:13px;height:48px;margin-top:32px;transition:40ms;width:100%}.contact .mail-container .form input[type=submit]:hover{background-color:#165293;cursor:pointer}.contact .thx-modal{align-items:center;background-image:url(/static/media/thx.d2fc3747c93c778fa2ec.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;height:70vh;justify-content:center;margin:0 auto;text-align:center;width:80%}@media screen and (max-width:1024px){.contact .thx-modal{height:75vh;width:95%}}.contact .thx-modal p{color:#fff;font-size:20px;letter-spacing:5px}@media screen and (max-width:1024px){.contact .thx-modal p{font-size:12px}}.error{margin-top:95px;min-height:90vh;width:100%}.error .error-container{background-color:rgba(28,79,160,.5);border:2px solid #1c4fa0;display:grid;grid-template-columns:1fr;grid-template-rows:30% repeat(2,1fr) 30%;margin:0 auto;min-height:80vh;width:90%}.error .error-container p{align-self:center;color:#fff;font-family:Poppins,sans-serif;font-size:45px;grid-column:1/2;grid-row:2/3;justify-self:center}@media screen and (max-width:1024px){.error .error-container p{font-size:25px}}.error .error-container .top-btn{align-self:center;background-color:rgba(13,78,183,.5);border-radius:10px;color:#d6daec;grid-column:1/2;grid-row:3/4;justify-self:center;padding:16px 32px;transition:40ms}.error .error-container .top-btn:hover{background-color:#0d4eb7;color:#fff;cursor:pointer}header{background-color:hsla(0,0%,100%,.8);display:flex;min-height:75px;position:fixed;top:0;width:100%;z-index:10}@media screen and (max-width:1024px){header{display:inline-block;position:relative}}header .logo{color:#14a0dc;cursor:default;font-family:Poppins,sans-serif;font-size:36px;height:100%;margin-left:100px;margin-top:20px;max-width:200px}@media screen and (max-width:1024px){header .logo{height:55px;margin-left:10px;margin-top:20px;text-align:center;top:20px;width:100%}}header .toggle-btn{align-items:flex-end;display:none}@media screen and (max-width:1024px){header .toggle-btn{align-items:flex-end;display:block;position:absolute;right:10px;top:0}}header #open{display:block;z-index:10}@media screen and (max-width:1024px){header #close{display:none}}header .navigation{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;text-align:center;width:80%}@media screen and (max-width:1024px){header .navigation{position:absolute;width:100%}}header .navigation a{color:#1b364f;text-decoration:none}header .navigation .link{font-size:1rem;margin-right:30px}@media screen and (max-width:1024px){header .navigation .link{margin-right:0}}header .navigation .link .sub-title{font-size:.7rem;margin-top:3px}header .navigation .nav-btn{background-color:rgba(66,147,182,.4);border-radius:5px;padding:5px 0;transition:40ms;width:125px}@media screen and (max-width:1024px){header .navigation .nav-btn{background-color:#4293b6;border:.5px solid rgba(11,117,162,.658);border-radius:0;padding:10px;width:100%}}header .navigation .nav-btn:hover{background-color:#4293b6}footer{background-color:hsla(0,0%,100%,.4);height:150px;padding-top:30px;width:100%}footer .sns ul{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:50px;justify-content:center;margin-top:20px;padding-top:20px;width:100%}footer .sns ul li{margin:0 5px}footer .copyright{color:#326d6d;margin-top:30px;text-align:center}
/*# sourceMappingURL=main.b7387392.css.map*/