html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}body{line-height:1}input,textarea{-webkit-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.wrapper{margin:0 auto;overflow:hidden;position:relative}.header{position:fixed;top:10px;width:100%;z-index:3}@media screen and (min-width: 768px){.header{top:0;right:0;width:10%;height:100vh}}.header__pic{margin:0 10%;width:40px}@media screen and (min-width: 768px){.header__pic{margin:87vh auto 0;width:60px}}@media screen and (min-width: 1024px){.header__pic{width:86px}}@media screen and (min-width: 1280px){.header__pic{width:100px}}.header__link{display:block}.header__img{width:100%}.header__img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.gnav{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100vh;top:0;right:0;background:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:.5s;transition:.5s;z-index:2}.gnav__pic{width:70px;height:70px;margin-top:5vh}@media screen and (min-width: 1024px){.gnav__pic:hover{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}.gnav__img{width:100%}.gnav__list{padding:30px 40px;text-align:center}@media screen and (min-width: 1024px){.gnav__list:hover{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}.gnav__link{text-decoration:none;color:#3a3a3a}.btn{padding:0 10px;margin-right:5%;height:50px;position:absolute;top:-5px;right:6px;z-index:3}@media screen and (min-width: 768px){.btn{padding:0;margin-right:8%;height:90px;top:46vh;left:20%}}@media screen and (min-width: 1024px){.btn{padding:15px 50px 40px;left:-10%;height:100px}}@media screen and (min-width: 1280px){.btn{left:15%}}.btn__menu{padding:9.3px 0;font-size:13px;font-family:"Homemade Apple",cursive;color:#3a3a3a}@media screen and (min-width: 768px){.btn__menu{padding:12px;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}}@media screen and (min-width: 1024px){.btn__menu{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}}.btn__top{position:absolute;width:31px;height:1px;-webkit-transition:.5s;transition:.5s;-webkit-transform:translateY(-5px);transform:translateY(-5px);background:#3a3a3a}.btn__bottom{position:absolute;width:31px;height:1px;-webkit-transition:.5s;transition:.5s;-webkit-transform:translateY(0px);transform:translateY(0px);background:#3a3a3a}.footer{width:100%;text-align:center;color:#3a3a3a;padding:30px}@media screen and (min-width: 768px){.footer{padding:40px}}.footer__label{line-height:2;font-size:13px}.footer__small{font-size:10px}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation:fadeIn 2.5s;animation:fadeIn 2.5s}.fadeIn-up{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;-webkit-transition:1.2s;transition:1.2s}.fadeIn-right{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0;-webkit-transition:2s;transition:2s}.fadeIn-left{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;-webkit-transition:1s;transition:1s}.title{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1}@media screen and (min-width: 768px){.title{position:fixed;left:4%;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}}.title__box{width:160px;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}@media screen and (min-width: 768px){.title__box{width:15px}}.title__ttl{font-family:"Homemade Apple",cursive;font-size:30px;color:#3a3a3a;text-align:center;margin-bottom:10px}.title__name{letter-spacing:.1em;font-family:"Noto Serif JP",serif;font-size:12px;color:#3a3a3a}.title__name_last{letter-spacing:.1em;font-family:"Noto Serif JP",serif;font-size:11px;color:#3a3a3a}.mv{width:90%;height:93vh;margin:50px auto 100px;background:url(../images/mv_sp.jpg) center center/cover}@media screen and (min-width: 768px){.mv{width:80%;margin-bottom:150px}}@media screen and (min-width: 1366px){.mv{background:url(../images/mv.jpg) center center/cover}}.mv__scroll{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:80%;bottom:12%;left:50%;-webkit-transform:translatex(-50%);transform:translatex(-50%);font-size:10px;font-family:"Noto Serif JP",serif;letter-spacing:.2em}.mv__scroll::after{content:'';position:absolute;top:0px;margin-bottom:0px;left:40%;width:1px;background:#000;-webkit-animation:move 1.8s ease-in-out infinite;animation:move 1.8s ease-in-out infinite;opacity:0}@-webkit-keyframes move{0%{height:0;top:65px;opacity:0}30%{height:120px;opacity:1}100%{height:0px;top:65px;opacity:0}}@keyframes move{0%{height:0;top:65px;opacity:0}30%{height:120px;opacity:1}100%{height:0px;top:65px;opacity:0}}.about{margin:0 auto}@media screen and (min-width: 768px){.about{width:80%;margin:0 auto 200px}}.about__box{opacity:0;-webkit-transition:1s;transition:1s;text-align:center}@media screen and (min-width: 768px){.about__box{position:relative;top:0;left:auto;text-align:center}}@media screen and (min-width: 1280px){.about__box{max-width:880px;margin:0 auto;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;text-align:left}}.about__prbox{margin:0 auto 50px;padding:115px 0 0}@media screen and (min-width: 768px){.about__prbox{padding:90px 0 0}}@media screen and (min-width: 1024px){.about__prbox{padding:150px 0 0}}@media screen and (min-width: 1280px){.about__prbox{padding:130px 0 0;margin:0;width:50%}}.about__ttl{font-size:24px;font-family:"Noto Serif JP",serif;line-height:2rem;letter-spacing:.2em;color:#3a3a3a;position:relative}@media screen and (min-width: 768px){.about__ttl{font-size:32px}}@media screen and (min-width: 1280px){.about__ttl{font-size:24px}}.about__ttl::before{content:'';display:inline-block;width:80px;height:100px;position:absolute;top:-65px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-1;background:url(../images/about.png);background-size:contain;background-repeat:no-repeat}@media screen and (min-width: 1024px){.about__ttl::before{width:130px;height:145px;top:-80px}}@media screen and (min-width: 1280px){.about__ttl::before{height:145px;top:-65px;left:-2%}}.about__sub{font-size:13px;font-family:"Noto Serif JP",serif;line-height:2rem;color:#3a3a3a}@media screen and (min-width: 768px){.about__sub{font-size:16px}}@media screen and (min-width: 1280px){.about__sub{font-size:13px}}.about__eng{font-size:16px;font-family:"Homemade Apple",cursive;line-height:6em;letter-spacing:-.1rem;color:#3a3a3a}@media screen and (min-width: 768px){.about__eng{font-size:19px;letter-spacing:.1em}}@media screen and (min-width: 1280px){.about__eng{font-size:13px}}.about__say{font-size:13px;font-family:"Noto Sans JP",sans-serif;line-height:1rem;color:#505050}@media screen and (min-width: 768px){.about__say{font-size:16px}}@media screen and (min-width: 1280px){.about__say{font-size:13px}}.about__pub{font-family:"Noto Sans JP",sans-serif;line-height:3em;color:#505050;font-size:10px}@media screen and (min-width: 768px){.about__pub{font-size:13px;line-height:4em}}.about__think{opacity:0;-webkit-transition:1s;transition:1s;font-size:17px;font-family:"Noto Sans JP",sans-serif;line-height:6em;letter-spacing:-.1rem;color:#505050}@media screen and (min-width: 768px){.about__think{font-size:24px}}@media screen and (min-width: 1280px){.about__think{font-size:17px}}.about__thought{font-size:13px;font-family:"Noto Sans JP",sans-serif;line-height:2em;letter-spacing:.1em;color:#505050}@media screen and (min-width: 768px){.about__thought{font-size:17px}}@media screen and (min-width: 1280px){.about__thought{font-size:16px}}.about__pic{margin:0 auto 100px;width:80%}@media screen and (min-width: 768px){.about__pic{margin:0 auto}}@media screen and (min-width: 1024px){.about__pic{width:55%}}@media screen and (min-width: 1280px){.about__pic{margin:0;width:46%}}.about__img{opacity:0;width:100%}.work__wrap{opacity:0;-webkit-transition:1s;transition:1s}.work__ttl{position:relative;top:15px;left:0;text-align:center;font-size:24px;font-family:"Noto Serif JP",serif;line-height:2rem;color:#3a3a3a;letter-spacing:.3em;z-index:1}.work__ttl::before{content:'';display:inline-block;width:180px;height:129px;position:absolute;top:5px;left:49%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-1;background:url(../images/sankaku.png);background-size:contain;background-repeat:no-repeat}@media screen and (min-width: 1024px){.work__ttl::before{width:230px;height:150px;left:50%}}@media screen and (min-width: 1280px){.work__ttl::before{width:240px;height:180px;top:-2px;left:49.3%}}.work__sub{position:relative;top:15px;left:0;text-align:center;font-size:13px;font-family:"Noto Serif JP", serif;line-height:2rem;letter-spacing:.2em;color:#3a3a3a;margin-bottom:40px;z-index:1}.product{width:100%;padding-top:30px;margin:0 auto 70px;background:#e9e9e9}@media screen and (min-width: 768px){.product{padding:40px 145px 0px}}@media screen and (min-width: 1024px){.product{margin:0 auto 150px;background:none;padding:40px 0;position:relative}}.product__wrap{margin-bottom:80px;overflow:hidden}@media screen and (min-width: 1024px){.product__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80%;margin:0 auto;margin-bottom:none}}@media screen and (min-width: 1024px){.product__item{margin:-70px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.product__pro{margin:0px 88px;width:150px;font-size:16px;font-family:"Noto Serif JP",serif;letter-spacing:.2rem;line-height:1rem;color:#3a3a3a;position:relative}@media screen and (min-width: 768px){.product__pro{font-size:20px;line-height:1.5rem}}.product__pro::before{content:'';position:absolute;top:10px;left:-54px;height:1px;width:45px;background:#3a3a3a}.product__coding{margin:0px 88px;font-size:12px;font-family:"Noto Serif JP",serif;letter-spacing:.2rem;line-height:1.5rem;color:#3a3a3a;width:150px}@media screen and (min-width: 768px){.product__coding{font-size:16px}}.product__container{width:100%}.product__box{padding:30px 35px}@media screen and (min-width: 1024px){.product__box{padding:30px 0;width:100%}.product__box::after{content:'';position:absolute;top:0px;right:0px;height:100%;width:70%;background:#e9e9e9;z-index:-1}}@media screen and (min-width: 1024px){.product__one{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 1024px){.product__two{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 1024px){.product__ptbox{width:30%}}.product__pic{opacity:0;-webkit-transition:1s;transition:1s;width:100%;margin-bottom:15px}@media screen and (min-width: 1024px){.product__pic:hover{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}.product__img{width:100%;border:solid 1px #666666}.product__txt{text-align:center;margin-bottom:30px;font-family:"Noto Serif JP",serif;color:#3a3a3a}.design{width:100%;padding-top:30px;margin:0 auto 70px}@media screen and (min-width: 768px){.design{padding:40px 145px 0px}}@media screen and (min-width: 1024px){.design{margin-top:none;background:none;padding:40px 0;margin-bottom:200px}}.design__wrap{margin-bottom:80px;position:relative}@media screen and (min-width: 1024px){.design__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80%;margin:0 auto;margin-bottom:none}}.design__wrap::before{content:'';display:inline-block;width:110px;height:130px;position:absolute;top:-55px;left:55%;z-index:-1;background:url(../images/hane.png);background-size:contain;background-repeat:no-repeat}@media screen and (min-width: 768px){.design__wrap::before{width:120px;left:60%}}@media screen and (min-width: 1024px){.design__wrap::before{width:110px;top:-28%;left:10%}}@media screen and (min-width: 1280px){.design__wrap::before{top:-20%;left:5%}}@media screen and (min-width: 1024px){.design__item{margin:-70px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.design__des{margin:0px 88px;width:150px;font-size:16px;font-family:"Noto Serif JP",serif;letter-spacing:.2rem;line-height:1rem;color:#3a3a3a;position:relative}@media screen and (min-width: 768px){.design__des{font-size:20px;line-height:1.5rem}}.design__des::before{content:'';position:absolute;top:10px;left:-54px;height:1px;width:45px;background:#3a3a3a}.design__psxd{margin:0px 88px;font-size:12px;font-family:"Noto Serif JP",serif;letter-spacing:.1rem;line-height:1.5rem;color:#3a3a3a;width:150px}@media screen and (min-width: 768px){.design__psxd{font-size:16px}}.design__container{width:100%}.design__box{padding:30px 35px}@media screen and (min-width: 1024px){.design__box{padding:30px 0;width:100%}}@media screen and (min-width: 1024px){.design__one{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 1024px){.design__two{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 1024px){.design__three{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 1024px){.design__ptbox{width:30%}}.design__pic{opacity:0;-webkit-transition:1s;transition:1s;width:100%;margin-bottom:15px}@media screen and (min-width: 1024px){.design__pic:hover{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.design__img{width:100%;border:solid 1px #666666}.design__txt{text-align:center;margin-bottom:30px;font-family:"Noto Serif JP",serif;color:#3a3a3a}.modal{display:none;position:fixed;top:0;left:0;width:100%;background:rgba(100,103,102,0.474);z-index:5}@media screen and (min-width: 1024px){.modal{height:100vh;overflow-y:scroll}}.modal__wrapper{width:100%;height:100vh;overflow-y:scroll}@media screen and (min-width: 1280px){.modal__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:50px 120px;height:auto}}.modal__wrapper2{width:100%;height:100vh;overflow-y:scroll}@media screen and (min-width: 1280px){.modal__wrapper2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:50px 200px;height:auto}}.modal__wrapper3{width:100%;height:100vh;overflow-y:scroll}@media screen and (min-width: 768px){.modal__wrapper3{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;padding:50px 5px;height:auto;height:100vh}}@media screen and (min-width: 1280px){.modal__wrapper3{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;padding:50px 5px;height:auto}}.modal__wrapper4{width:100%;height:100vh;overflow-y:scroll}@media screen and (min-width: 1280px){.modal__wrapper4{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;width:100%;height:auto;padding:50px 5px;margin:0 auto}}.modal__pic{display:none}@media screen and (min-width: 768px){.modal__pic{margin:50px auto;width:65%;height:90vh;overflow-y:scroll;display:block}}@media screen and (min-width: 1280px){.modal__pic{margin:0 20px;width:50%;height:100vh}}.modal__pic2{display:none}@media screen and (min-width: 768px){.modal__pic2{margin-bottom:10px;width:65%;height:80vh;overflow-y:scroll;display:block}}@media screen and (min-width: 1280px){.modal__pic2{margin:10px 5px;width:40%;height:80vh;overflow-y:scroll}}.modal__phone__pic{margin:30px 5%;width:90%}@media screen and (min-width: 768px){.modal__phone__pic{margin:60px 5%;display:none}}.modal__phone__img{width:100%}.modal__bpic{margin:50px auto;width:340px}@media screen and (min-width: 768px){.modal__bpic{width:408px}}@media screen and (min-width: 1280px){.modal__bpic{width:500px;margin:8px 10px}}.modal__2bpic{margin:30px auto;width:340px}@media screen and (min-width: 768px){.modal__2bpic{width:60%}}@media screen and (min-width: 1280px){.modal__2bpic{width:34.3%;margin:15px 10px}}.modal__ipic{margin:50px auto;width:304px}@media screen and (min-width: 768px){.modal__ipic{display:none}}@media screen and (min-width: 1280px){.modal__ipic{display:none}}.modal__img{width:100%}.modal__pt{width:90%;background:color-letter;padding:20px 15px;margin:0 auto 80px;background:#505050}@media screen and (min-width: 768px){.modal__pt{width:65%;margin:0 auto 60px}}@media screen and (min-width: 1280px){.modal__pt{padding:0 0 50px;width:70%;margin:0;height:auto}}.modal__ttl{text-align:center;color:#fff;margin-bottom:30px;font-size:17px;font-family:"Noto Serif JP",serif;letter-spacing:.2rem}@media screen and (min-width: 1280px){.modal__ttl{padding:30px 0;font-size:19px}}.modal__dt{text-align:center;color:#fff;font-size:14px;font-family:"Noto Sans JP",sans-serif;margin-bottom:25px;letter-spacing:.1rem;position:relative}@media screen and (min-width: 1280px){.modal__dt{margin-bottom:35px;font-size:17px}}.modal__dt::after{content:'';position:absolute;width:100px;height:1px;top:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff}.modal__dd{text-align:center;font-size:14px;line-height:1.7;font-family:"Noto Sans JP",sans-serif;margin-bottom:40px;color:#fff}@media screen and (min-width: 1280px){.modal__dd{font-size:12px;margin-bottom:80px}}.modal__txt{width:95%;margin:0 auto 20px;letter-spacing:.1rem;line-height:1.8;font-size:14px;color:#fff;text-align:left}@media screen and (min-width: 768px){.modal__txt{margin:0 auto 60px;width:90%}}@media screen and (min-width: 1280px){.modal__txt{font-size:16px;width:85%}}@media screen and (min-width: 1280px){.modal__flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:370px;margin:0 auto}}.modal__more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:200px;height:50px;margin:0 auto;font-family:"Noto Serif JP",serif;letter-spacing:.1em;border:1px solid #3a3a3a;border-radius:3px;background:#000;position:relative}.modal__more:hover{-webkit-transition:.6s ease;transition:.6s ease;background:#fff000}.modal__link{padding:16px 76px;display:block;text-decoration:none;color:#fff;font-size:14px}.modal__link::after{content:"";width:60px;height:1px;position:absolute;top:23px;right:-20px;background:#818181}.modal__link:hover{color:#000}@media screen and (min-width: 1024px){.modal__link{font-size:16px}}.modal__more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:200px;height:50px;margin:3% auto;font-family:"Noto Serif JP",serif;text-align:center;letter-spacing:.1em;border:1px solid #3a3a3a;border-radius:3px;background:#000;position:relative}@media screen and (min-width: 1024px){.modal__more:hover{background:#fff000;-webkit-transition:.6s ease;transition:.6s ease}}.modal__link{padding:16px 75px;display:block;text-decoration:none;font-family:"Noto Sans JP",sans-serif;font-size:14px;color:#fff}@media screen and (min-width: 1024px){.modal__link{font-size:16px}}.modal__link::after{content:"";width:60px;height:1px;position:absolute;top:23px;right:-20px;background:#818181}.modal__link:hover{color:#000}.skill{padding:50px 0 30px;margin-bottom:30px;background:#e9e9e9}@media screen and (min-width: 1024px){.skill{padding:50px 0 0;margin:0% 15% 200px}}.skill__ttl{position:relative;top:15px;left:0;text-align:center;font-size:24px;font-family:"Noto Serif JP",serif;line-height:2rem;color:#3a3a3a;letter-spacing:.3em;z-index:1}.skill__ttl::before{content:url(../images/sankaku.png);position:absolute;height:100px;top:0px;left:44%;-webkit-transform:translate(-50%, -50%) rotate(-35deg);transform:translate(-50%, -50%) rotate(-35deg);z-index:-1}@media screen and (min-width: 768px){.skill__ttl::before{left:47%}}@media screen and (min-width: 1024px){.skill__ttl::before{left:48%}}.skill__sub{position:relative;top:15px;font-size:13px;font-family:"Noto Serif JP", serif;line-height:1rem;letter-spacing:.2em;text-align:center;color:#3a3a3a;margin-bottom:40px;z-index:1}.skill__container{opacity:0;-webkit-transition:1s;transition:1s;padding:25px 0;width:100%}@media screen and (min-width: 768px){.skill__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80%;margin:0 auto}}@media screen and (min-width: 1024px){.skill__container{padding:0}}.skill__wrap1{width:80%;margin:0 auto}@media screen and (min-width: 768px){.skill__wrap1{width:50%;padding:0 15px}}@media screen and (min-width: 1280px){.skill__wrap1{padding:30px 60px}}.skill__wrap2{width:80%;margin:0 auto}@media screen and (min-width: 768px){.skill__wrap2{width:50%;padding:0 15px}}@media screen and (min-width: 1280px){.skill__wrap2{padding:30px 60px}}.skill__box{margin-bottom:50px}@media screen and (min-width: 1024px){.skill__box{margin-bottom:30px}}.skill__label{text-align:center;letter-spacing:.2rem;font-family:"Noto Serif JP",serif;color:#3a3a3a;margin-bottom:10px;border-bottom:dotted;border-color:#3a3a3a;border-width:1px;padding-bottom:8px}.skill__unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.skill__icon{width:15%;margin:10px}.skill__img{width:100%}.skill__txt{width:75%;text-align:left;line-height:1.7;font-family:"Noto Sans JP",sans-serif;font-size:13px}@media screen and (min-width: 768px){.skill__txt{height:88px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width: 1024px){.skill__txt{height:110px}}.contact{opacity:0;-webkit-transition:1s;transition:1s}.contact__wrap{width:100%;padding:100px 0 0;position:relative;overflow:hidden}.contact__item1{width:40px;height:20px;position:absolute;top:0%;left:7%;-webkit-animation:down1 3s linear infinite;animation:down1 3s linear infinite;z-index:-1}@media screen and (min-width: 1024px){.contact__item1{width:50px;height:40px}}@-webkit-keyframes down1{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:1;-webkit-transform:translateX(400%);transform:translateX(400%)}100%{opacity:0;-webkit-transform:translateX(800%);transform:translateX(800%)}}@keyframes down1{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:1;-webkit-transform:translateX(400%);transform:translateX(400%)}100%{opacity:0;-webkit-transform:translateX(800%);transform:translateX(800%)}}.contact__item2{width:30px;height:20px;position:absolute;top:4%;right:45%;-webkit-animation:down2 5s linear infinite;animation:down2 5s linear infinite;z-index:-1}@media screen and (min-width: 1024px){.contact__item2{width:40px;height:30px}}@-webkit-keyframes down2{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}50%{opacity:1;-webkit-transform:translateX(700%);transform:translateX(700%)}100%{opacity:0;-webkit-transform:translateX(1200%);transform:translateX(1200%)}}@keyframes down2{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}50%{opacity:1;-webkit-transform:translateX(700%);transform:translateX(700%)}100%{opacity:0;-webkit-transform:translateX(1200%);transform:translateX(1200%)}}.contact__item3{width:36px;height:20px;position:absolute;top:15%;left:40%;-webkit-animation:down3 4s linear infinite;animation:down3 4s linear infinite;z-index:-1}@media screen and (min-width: 1024px){.contact__item3{width:50px;height:40px}}@-webkit-keyframes down3{0%{opacity:0;-webkit-transform:translateX(-180%);transform:translateX(-180%)}50%{opacity:1;-webkit-transform:translateX(400%);transform:translateX(400%)}100%{opacity:0;-webkit-transform:translateX(800%);transform:translateX(800%)}}@keyframes down3{0%{opacity:0;-webkit-transform:translateX(-180%);transform:translateX(-180%)}50%{opacity:1;-webkit-transform:translateX(400%);transform:translateX(400%)}100%{opacity:0;-webkit-transform:translateX(800%);transform:translateX(800%)}}.contact__item4{width:30px;height:20px;position:absolute;top:21%;left:15%;-webkit-animation:down4 3s linear infinite;animation:down4 3s linear infinite;z-index:-1}@media screen and (min-width: 1024px){.contact__item4{width:40px;height:30px}}@-webkit-keyframes down4{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:1;-webkit-transform:translateX(500%);transform:translateX(500%)}100%{opacity:0;-webkit-transform:translateX(1200%);transform:translateX(1200%)}}@keyframes down4{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:1;-webkit-transform:translateX(500%);transform:translateX(500%)}100%{opacity:0;-webkit-transform:translateX(1200%);transform:translateX(1200%)}}.contact__img1{width:100%}.contact__img{width:100%}.contact__container{width:90%;margin:0 auto 40px;max-width:500px}@media screen and (min-width: 1024px){.contact__container{margin:0 auto 45px}}.contact__ttl{position:relative;top:15px;left:0;text-align:center;font-size:24px;font-family:"Noto Serif JP",serif;line-height:2rem;color:#3a3a3a;letter-spacing:.3em;z-index:1}.contact__ttl::before{content:'';display:inline-block;width:150px;height:130px;position:absolute;top:0px;left:57%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-1;background:url(../images/contact_phtab.png);background-size:contain;background-repeat:no-repeat}@media screen and (min-width: 768px){.contact__ttl::before{left:55%}}@media screen and (min-width: 1024px){.contact__ttl::before{width:160px;height:160px;left:53%}}.contact__sub{position:relative;top:15px;left:0;text-align:center;font-size:13px;font-family:"Noto Serif JP", serif;line-height:2rem;letter-spacing:.2em;color:#3a3a3a;margin-bottom:80px;z-index:1}.contact__txt{font-family:"Noto Sans JP",sans-serif;font-size:13px;text-align:center;padding:20px 0;color:#3a3a3a}@media screen and (min-width: 1024px){.contact__txt{font-size:16px}}@media screen and (min-width: 1024px){.form{margin:50px auto}}.form__name{margin-bottom:30px}.form__email{margin-bottom:30px}.form__message{margin-bottom:30px}.form__label{font-size:13px;display:block;text-align:left;padding:5px 0;font-family:"Noto Serif JP",serif}@media screen and (min-width: 1024px){.form__label{padding:20px 0;text-align:center;font-size:17px}}.form__input{width:100%;padding:10px;background:#e9e9e9;border:none;border-radius:7px;font-size:14px;letter-spacing:0.2em;-webkit-appearance:none}.form__textarea{width:100%;height:130px;padding:10px;background:#e9e9e9;border:none;border-radius:7px;font-size:14px;letter-spacing:0.2em;-webkit-appearance:none}.form__btn{text-align:center}.form__box{display:inline-block;position:relative}.form__box::after{content:"";width:60px;height:1px;position:absolute;top:23px;right:-20px;background:#737070}.form__submit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:200px;height:50px;margin:0 auto;font-family:"Noto Serif JP",serif;letter-spacing:.1em;border:1px solid #3a3a3a;border-radius:3px;background:#000;color:#fff;-webkit-appearance:none;border-radius:3px}.form__submit:hover{-webkit-transition:.6s ease;transition:.6s ease;background:#fff000;color:#000}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation:fadeIn 2.5s;animation:fadeIn 2.5s}.thanks{margin:0 auto;background:url(../images/mv.png) center center/cover;width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.thanks__box{text-align:center;width:80%;height:80%;padding:50% 0px;background:#fff;border:1px solid #c0b9b9;position:relative}@media screen and (min-width: 768px){.thanks__box{width:65%;max-height:30%;padding:35% 0}}@media screen and (min-width: 1024px){.thanks__box{padding:25% 0;max-width:900px;height:0}}@media screen and (min-width: 1024px) and (min-width: 1280px){.thanks__box{padding:17% 0}}.thanks__main{margin:40px 0;line-height:3;font-size:16px;font-family:"Noto Sans JP",sans-serif;color:#3a3a3a;position:relative}@media screen and (min-width: 768px){.thanks__main{margin:0 0 20px 0}}@media screen and (min-width: 1024px){.thanks__main{margin:0 0 20px 0;font-size:20px}}.thanks__main::after{content:url(../images/about.png);position:absolute;top:-90%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.thanks__txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:200px;height:50px;margin:0 auto;font-family:"Noto Serif JP",serif;letter-spacing:.1em;border:1px solid #3a3a3a;border-radius:3px;background:#000;position:relative}.thanks__txt:hover{-webkit-transition:.6s ease;transition:.6s ease;background:#fff000}.thanks__link{padding:16px 76px;display:block;text-decoration:none;color:#fff;font-size:14px}.thanks__link::after{content:"";width:60px;height:1px;position:absolute;top:23px;right:-20px;background:#818181}.thanks__link:hover{color:#000}@media screen and (min-width: 1024px){.thanks__link{font-size:16px}}.rotate-top{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-bottom{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-active{-webkit-transform:translateX(0);transform:translateX(0)}.fadeIn-active{-webkit-transform:translate(0);transform:translate(0);opacity:1}
/*# sourceMappingURL=style.css.map */