.card__ttl{font-size:1.5rem}.card__{font-size:1rem}@media(min-width: 1024px){._sp{display:none}._tb{display:none}}@media screen and (max-width: 959px){._pc{display:none}}@media screen and (max-width: 559px){._pc{display:none}._tb{display:none}}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){*,*::before,*::after{-webkit-animation-duration:.01ms !important;animation-duration:.01ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;-webkit-transition-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*{-webkit-box-sizing:border-box;box-sizing:border-box}.body{font-size:10px;font-size:0.625rem;letter-spacing:.5em;color:#0d0d0d;font-family:"Nunito Sans","Arial",游ゴシック,"Yu Gothic",游ゴシック体,YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI",メイリオ,Meiryo,sans-serif;display:grid;grid-template-columns:[main] auto [sidebar] 50px;grid-template-rows:[head] 50px [cont] auto [foot] 50px}@media screen and (max-width: 959px){.body{grid-template-columns:[main] auto [sidebar] 40px}}@media screen and (max-width: 559px){.body{grid-template-columns:[main] auto [sidebar] 30px}}img{width:100%;vertical-align:bottom}.validation--alert{color:#c90926;font-size:14px;font-size:0.875rem}.validation--success{color:#33f;font-size:14px;font-size:0.875rem}.sidebar{grid-column:sidebar;grid-row:1/-1;background-color:#b2dddb;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;padding:80px 15px;z-index:1}@media screen and (max-width: 959px){.sidebar{padding:80px 11px}}@media screen and (max-width: 559px){.sidebar{padding:80px 7px}}.section__inner{margin:0 auto;padding:0 4vw}.section__ttl{font-size:48px;font-size:3rem;text-align:center}@media screen and (max-width: 559px){.section__ttl{font-size:30px;font-size:1.875rem}}.section__ttl--discription{font-size:18px;font-size:1.125rem;text-align:center;margin-bottom:50px}@media screen and (max-width: 559px){.section__ttl--discription{font-size:14px;font-size:0.875rem}}.about__sec,section{padding:80px 10%}@media screen and (max-width: 959px){.about__sec,section{padding:80px 5%}}@media screen and (max-width: 559px){.about__sec,section{padding:80px 5%}}.fd-in{opacity:0;-webkit-transform:translate(0, 60px);transform:translate(0, 60px);overflow:hidden;-webkit-transition:.8s;transition:.8s}.fd-done{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px}#page_top{width:90px;height:90px;position:fixed;right:60px;bottom:0}@media screen and (max-width: 559px){#page_top{right:10px}}#page_top a{position:relative;display:block;width:90px;height:90px;text-decoration:none}#page_top a::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:25px;color:#0d0d0d;position:absolute;width:25px;height:25px;top:-40px;bottom:0;right:40px;left:0;margin:auto;text-align:center;text-shadow:1px 1px 1px #fff}#page_top a::after{content:"PAGE TOP";font-size:13px;color:#fff;position:absolute;top:45px;bottom:0;right:60px;left:0;margin:auto;text-align:center;color:#0d0d0d;text-shadow:1px 1px 1px #fff}.header__inner{grid-column:1/-1;grid-row:head;width:100%;margin:0 auto;padding:2% 4vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;z-index:10}.header__ttl a{text-decoration:none;color:#0d0d0d}.main{padding-top:90px}.header__inner.addColor{background-color:#fff;opacity:.8}.footer{grid-column:1/-1;grid-row:foot;padding:15px 0;background:#444;text-align:center;color:#fff;z-index:10}.footer small{font-size:14px;font-size:0.875rem;line-height:1}.gray_bk{background:#f7f7f7}.main{grid-column:main;grid-row:cont}.about__inner{display:-webkit-box;display:-ms-flexbox;display:flex}.about__inner img{height:20%;width:20%;margin-top:20px}@media screen and (max-width: 559px){.about__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.about__inner img{height:40%;width:40%;margin-top:0}}.about__text{width:100%}.about__text p{line-height:2;margin:20px 0 0 20px;font-size:16px;font-weight:500}@media(min-width: 1024px){.about__text p{margin-left:50px}}@media screen and (max-width: 559px){.about__text p{font-size:14px}}.btn-primary{text-align:center}.btn-primary a{display:inline-block;background:#b2dddb;padding:15px 40px 15px 20px;margin:0;font-size:18px;font-weight:900;color:#fff;text-decoration:none;-webkit-transition:.5s;transition:.5s;border:2px solid transparent;position:relative}@media screen and (max-width: 559px){.btn-primary a{display:block;width:70%;margin:0 auto}}.btn-primary a::after{position:absolute;content:"";right:20px;width:8px;height:8px;top:calc(50% - 4px);border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.btn-primary a:hover{border-color:#b2dddb;background:#fff;color:#b2dddb}.btn-primary a:hover::after{border-color:#b2dddb}.menu-btn{display:none}@media screen and (max-width: 559px){.menu-btn{display:block;position:fixed;z-index:5;right:13px;top:6px;width:42px;height:42px;cursor:pointer}}.menu-btn__parts{display:block;position:absolute;width:30px;height:4px;left:6px;background:#555;border-radius:4px;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s,-webkit-transform .5s}.menu-btn__parts:nth-child(1){top:10px}.menu-btn__parts:nth-child(2){top:20px}.menu-btn__parts:nth-child(3){top:30px}.menu-btn.active .menu-btn__parts:nth-child(1){top:16px;left:6px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-btn.active .menu-btn__parts:nth-child(2){opacity:0}.menu-btn.active .menu-btn__parts:nth-child(3){top:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav{margin:0 30px;font-weight:700;z-index:3}.nav__list{display:inline-block;margin-right:1vw;-webkit-transition:.4s all;transition:.4s all;cursor:pointer}.nav__list:hover{opacity:.5}.nav__link{text-decoration:none;display:block;padding:1em 0;color:#0d0d0d}@media screen and (max-width: 559px){.nav{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;margin:0;visibility:hidden;opacity:0;-webkit-transition:opacity .6s ease,visibility .6s ease;transition:opacity .6s ease,visibility .6s ease;background-color:#fff}.nav.active{visibility:visible;opacity:100}.nav__lists{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100vw;height:100vh;color:#fff}.nav__list{margin:20px;font-size:16px;font-size:1rem;text-align:center}.nav__list+.nav__list{padding-top:20px}}.hero{padding:10px 10% 10px;margin-right:80px;margin-bottom:50px;color:#0d0d0d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:300px;background:url("../img/portfolio.png") right no-repeat;background-size:contain;-webkit-animation:fadeIn 1.5s ease 0s 1 normal;animation:fadeIn 1.5s ease 0s 1 normal}@media screen and (max-width: 559px){.hero{background-size:70%;height:250px;margin-right:50px}}.hero h1{font-size:16px;font-size:1rem;line-height:1;font-weight:900;margin-bottom:20px;-webkit-animation:fadeIn-left 1.5s ease 0s 1 normal;animation:fadeIn-left 1.5s ease 0s 1 normal}@media(min-width: 1024px){.hero h1{font-size:20px;font-size:1.25rem}}.hero p{font-size:12px;font-size:0.75rem;line-height:1.5;font-weight:500;letter-spacing:.1rem;-webkit-animation:fadeIn-left 1.5s ease 0s 1 normal;animation:fadeIn-left 1.5s ease 0s 1 normal}@media(min-width: 1024px){.hero p{font-size:16px;font-size:1rem}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn-left{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition:all .5s ease-in;transition:all .5s ease-in}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeIn-left{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition:all .5s ease-in;transition:all .5s ease-in}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.card-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px 30px;margin:10px auto 0;text-align:center}@media screen and (max-width: 559px){.card-container{grid-template-columns:250px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.card__item{list-style:none;max-width:342px;margin:0 auto;padding:16px 16px 35px}.card__img{width:100%;max-width:250px;height:auto;border-radius:10px;vertical-align:bottom;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,.1);box-shadow:1px 1px 1px 1px rgba(0,0,0,.1)}.card__tit{margin-top:10px;font-size:16px;font-size:1rem;line-height:1.2;color:#0d0d0d}.card__item p{max-width:250px;margin-top:5px;font-size:12px;font-size:0.75rem;line-height:1.5;color:#0d0d0d}a.card__link{display:block;cursor:pointer;text-decoration:none}a.card__link:hover{-webkit-transform:scale(1.04, 1.04);transform:scale(1.04, 1.04);-webkit-transition:1s all;transition:1s all}.hero-about{padding:10px 10% 10px;margin-right:80px;margin-bottom:50px;width:100%;height:250px;color:#fff;text-shadow:1px 1px 1px #0d0d0d;background:url("../img/aboutme.jpg") right no-repeat;background-size:cover;-webkit-animation:fadeIn 1.5s ease 0s 1 normal;animation:fadeIn 1.5s ease 0s 1 normal}.hero-about h1{font-size:30px;font-size:1.875rem;padding-top:90px;font-weight:900}@media(min-width: 1024px){.hero-about h1{font-size:40px;font-size:2.5rem}}.about__sec{padding:10px 5%}.about__message{width:100%}.about__message p{font-size:16px;font-size:1rem;line-height:2;margin:20px 0 0;font-size:18px;font-weight:500}@media(min-width: 1024px){.about__message p{margin-left:50px}}.contact-container{height:300px}form{width:80%;margin:0 auto;min-width:9rem;font-size:20px;font-size:1.25rem}@media screen and (max-width: 959px){form{font-size:14px;font-size:0.875rem}}.cta_form{height:50px;width:100%;max-width:100%;border:none;margin:10px 0;padding:10px 15px;border-radius:.3rem;color:#0d0d0d;background:#fff;font-size:14px;font-size:0.875rem}.cta_form::-webkit-input-placeholder{color:#5a5a5a;font-size:16px;font-size:1rem}.cta_form::-moz-placeholder{color:#5a5a5a;font-size:16px;font-size:1rem}.cta_form:-ms-input-placeholder{color:#5a5a5a;font-size:16px;font-size:1rem}.cta_form::-ms-input-placeholder{color:#5a5a5a;font-size:16px;font-size:1rem}.cta_form::placeholder{color:#5a5a5a;font-size:16px;font-size:1rem}.cta__item{font-size:16px;font-size:1rem}textarea.cta_form{height:10rem}.contact__txt{text-align:center;font-weight:300px;padding-bottom:20px;font-size:16px;font-size:1rem}.under{display:inline-block;background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #b2dddb));background:linear-gradient(transparent 50%, #b2dddb 50%);font-weight:900}form label{display:block;margin-top:20px;font-weight:900}form span{display:block;margin:20px 0 10px 15px}.g-recaptcha{margin-top:20px}.btn{display:inline-block;border:none;border-radius:5px;color:#fff;cursor:pointer;line-height:1;padding:20px 25px;text-transform:uppercase;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;font-size:18px;font-size:1.125rem;font-weight:900;letter-spacing:.5rem;margin:0px;outline:none}.btn__send{background-color:#8fcdca}.btn__send:hover{opacity:.6}.btn__back{background-color:#ed7594;text-decoration:none}.btn__back:hover{opacity:.6}.work__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.work__img{width:40%;padding-right:2vw;padding-bottom:30px;justify-self:center}@media screen and (max-width: 559px){.work__img{width:80%;padding-right:0}}.work__img img+img{margin-top:20px}.work-full__img{width:300px}.work__txt{width:40%;padding:30px 0}@media screen and (max-width: 559px){.work__txt{width:80%}}.work__txt h2{font-size:24px;font-size:1.5rem}.work__txt h3{font-size:18px;font-size:1.125rem;margin:10px 0}.work__txt p{font-size:16px;font-size:1rem;padding:10px}.work__disp{font-size:16px;font-size:1rem;padding-bottom:20px}
/*# sourceMappingURL=style.min.css.map */