@import url("https://fonts.googleapis.com/css2?family=Roboto&family=Ubuntu:wght@500&display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;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:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}#loading{position:fixed;width:100%;height:100%;background:#ec9427;z-index:9999999;text-align:center;color:#000}#loading-text{font-family:"Ubuntu",sans-serif;color:#204088;font-size:2.6em;position:absolute;top:40%;left:50%;transform:translate(-40%, -50%)}@media (max-width: 767px){#loading-text{font-size:2em;top:50%;transform:translate(-50%, -50%)}}.loading-bg{display:none}body.appear .loading-bg{display:block;content:"";position:fixed;z-index:999;width:100%;height:100vh;top:0;left:0;transform:scaleY(0);background-color:#ec9427;animation-name:PageAnime;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes PageAnime{0%{transform-origin:bottom;transform:scaleY(0)}50%{transform-origin:bottom;transform:scaleY(1)}50.001%{transform-origin:top}100%{transform-origin:top;transform:scaleY(0)}}.eachTextAnime span{opacity:0}.eachTextAnime.appeartext span{animation:text_anime_on 1s ease-out forwards}@keyframes text_anime_on{0%{opacity:0}100%{opacity:1}}#main{opacity:0}body.appear #main{animation-name:PageAnimeAppear;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards;opacity:0}@keyframes PageAnimeAppear{0%{-ms-opacity:0;opacity:0}100%{-ms-opacity:1;opacity:1}}body{font-size:14px;line-height:2;font-family:"Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}@media (max-width: 767px){body{font-size:13px}}body h1,body h2{font-family:"Ubuntu",sans-serif;font-weight:600;text-align:center;color:#204088}body h1{font-size:4.5em;letter-spacing:0.05em;line-height:1.3}@media (max-width: 767px){body h1{letter-spacing:normal;font-size:3em}}body h2{font-size:2.5em;margin-bottom:40px}@media (max-width: 991px){body h2{margin-bottom:20px}}body a{color:#204088;text-decoration:none;transition:all ease-out 0.2s;padding:0.3em 0.5em}body a:hover{color:#fff;background:#204088}body .img-responsive{width:100%}@media (min-width: 768px){body br.xs{display:none}}@media (max-width: 767px){body br.xs{display:block}}body section{padding:60px 20px;overflow:hidden}body .container{width:100%;max-width:980px;margin:0 auto}@media (max-width: 991px){body .container{max-width:780px}}body .ttl-area{height:70vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f7f4eb;border:40px solid #ec9427;padding:0 20px}@media (max-width: 767px){body .ttl-area{height:80vh;border:25px solid #ec9427}}body .ttl-area p{font-family:"Ubuntu",sans-serif;color:#ec9427;font-size:1.6em}@media (max-width: 767px){body .ttl-area p{font-size:1em;letter-spacing:-0.02em}}body .ttl-area .top-scroll:hover{background:none}body .ttl-area .top-scroll span{position:absolute;left:50%;bottom:50px;width:30px;height:30px;margin-left:-15px;border-left:5px solid #ec9427;border-bottom:5px solid #ec9427;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:top_scroll_down 1.5s infinite;animation:top_scroll_down 1.5s infinite;box-sizing:border-box}@keyframes top_scroll_down{0%{opacity:1;transform:rotate(-45deg) translate(0, 0)}50%{opacity:0}100%{opacity:1;transform:rotate(-45deg) translate(-20px, 20px)}}@media (max-width: 991px){body .profile dl{margin-top:10px}}body .profile dl dt{font-size:1.5em;font-weight:600;color:#204088}@media (max-width: 991px){body .profile dl dt{text-align:center}}body .profile dl dd:nth-of-type(1){margin-bottom:10px}@media (max-width: 991px){body .profile dl dd:nth-of-type(1){text-align:center}}body .profile ul{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}@media (max-width: 991px){body .profile ul{flex-direction:column;flex-wrap:wrap;align-items:center}}body .profile ul li{margin:0 10px}@media (max-width: 991px){body .profile ul li img{max-width:200px}}body .profile .skill{text-align:center;margin-top:40px}body .profile .skill h3{font-family:"Ubuntu",sans-serif;font-size:2.2em;color:#204088;margin-bottom:20px}@media (max-width: 991px){body .profile .skill .skill-img-list{flex-direction:row;flex-wrap:nowrap;justify-content:center}}body .works{background:#f7f4eb}body .works ul{display:flex;flex-direction:row;flex-wrap:wrap}body .works ul li{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;width:100%;min-height:400px;margin-bottom:60px;background:#fff;padding:60px;box-sizing:border-box}@media (max-width: 991px){body .works ul li{flex-direction:column;flex-wrap:wrap;margin-bottom:50px}}@media (max-width: 767px){body .works ul li{padding:50px 20px}}body .works ul li:before{content:"";position:absolute;left:0;top:0;width:0;height:0;border-top:60px solid #f7f4eb;border-right:60px solid transparent}@media (max-width: 767px){body .works ul li:before{border-top:47px solid #f7f4eb;border-right:47px solid transparent}}body .works ul li:after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:60px solid #f7f4eb;border-left:60px solid transparent}@media (max-width: 767px){body .works ul li:after{border-bottom:47px solid #f7f4eb;border-left:47px solid transparent}}body .works ul li h4{margin:0 0 2em -0.5em}@media (max-width: 991px){body .works ul li h4{text-align:center;margin:0 0 20px}}body .works ul li h4 a{font-weight:600;font-size:1.15em;line-height:1}body .works ul li h4 a svg{padding-left:0.3em;color:#d2cec2;transition:all ease-out .2s}body .works ul li h4 a:hover svg{color:#fff}body .works ul li h4 span{font-size:0.9em}body .works ul li .h-sub{color:#204088;font-weight:600;font-size:0.9em;margin-bottom:15px;text-align:center}@media (max-width: 991px){body .works ul li .h-sub{display:block;margin-bottom:0}}@media (max-width: 420px){body .works ul li .h-sub{text-align:left}}body .works ul li .img-box{width:40%;display:flex;justify-content:center;align-items:center}@media (min-width: 992px){body .works ul li .img-box{margin-right:30px}}@media (max-width: 991px){body .works ul li .img-box{width:100%}}body .works ul li .img-box a{overflow:hidden;padding:0}body .works ul li .img-box a img{width:100%;max-width:320px;transform:scale(1);transition:all ease-out 0.3s}body .works ul li .img-box a img.long{max-width:250px}@media (max-width: 991px){body .works ul li .img-box a img.long{max-width:none}}body .works ul li .img-box a:hover{background:none}body .works ul li .img-box a:hover img{transform:scale(1.15);opacity:0.7}body .works ul li .detail-box{width:calc(60% -30px);width:60%;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center}@media (max-width: 991px){body .works ul li .detail-box{width:100%}}@media (max-width: 991px){body .works ul li .detail-box table{margin-top:30px}}body .works ul li .detail-box table tr th{width:18%}body .works ul li .detail-box table tr th::after{content:"："}@media (max-width: 991px){body .works ul li .detail-box table tr th{display:block;width:100%;text-align:center;background:#f0f2f3;padding:4px 10px;box-sizing:border-box}body .works ul li .detail-box table tr th::after{content:""}}body .works ul li .detail-box table tr td{width:85%}@media (max-width: 991px){body .works ul li .detail-box table tr td{display:block;width:100%;padding:8px 10px;box-sizing:border-box}}body .works ul li .detail-box .detail{display:block;margin-top:20px;border-top:1px solid #dcd3b7;padding-top:20px}@media (max-width: 991px){body .works ul li .detail-box .detail{margin-top:30px;border-top:1px solid #f0f2f3;padding-top:30px}}@media (min-width: 992px){body .works ul li .sp-ttl{display:none}}@media (max-width: 991px){body .works ul li .sp-ttl{display:block}}@media (min-width: 992px){body .works ul li .pc-ttl{display:block}}@media (max-width: 991px){body .works ul li .pc-ttl{display:none}}.fadeIn{opacity:0}.fadeInOn{animation:fadeInOn 1.5s forwards}@keyframes fadeInOn{0%{opacity:0}100%{opacity:1;transform:translate(0)}}.slide-r{transform:translateX(200px)}.slide-l{transform:translateX(-200px)}.slide-d{transform:translateY(50px)}.slide-u{transform:translateY(-50px)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}#toTop{background:#ec9427;position:fixed;bottom:50px;right:50px;width:60px;height:60px;transition:all ease-in 0.2s}@media (max-width: 767px){#toTop{bottom:35px;right:35px}}#toTop:hover{opacity:0.7}#toTop a{display:block;width:100%;height:100%;padding:0}#toTop a:hover{background:none}#toTop a .arrow{position:fixed;bottom:63px;right:68px;width:24px;height:24px;margin-left:-12px;border-top:5px solid #fff;border-right:5px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box}@media (max-width: 767px){#toTop a .arrow{bottom:48px;right:54px}}