html{font-size:10px;overflow:auto}body{font-family:"小塚ゴシック Pro","Inter";src:url(//amenochihare.sakura.ne.jp/portforio/wp-content/themes/portforio/css/fot/inetr-variableFont_slnt,what.ttf) format("truetype");color:#202020;box-sizing:border-box;width:100%;height:100%;overflow-x:hidden}a{text-decoration:none;color:#202020;font-size:2rem;line-height:1.6}p{font-size:3rem;line-height:1.3}.flex{display:flex;justify-content:space-between}.wrep{width:76%}.inner{width:90%;max-width:1024px;margin:0 auto;padding:100px 0}.bg-color{background-color:#f6f4ee}header{width:24%}header{text-align:center;margin-bottom:290px}header .flex{margin-top:160px;justify-content:center}header .flex img{padding:16px}header .logo{margin:130px auto 90px}header ul li{padding-bottom:20px}.flex-r{flex-direction:row-reverse}.txt-r,.txt-l{font-size:5rem}.txt-r{text-align:right}.bold{font-weight:700}.introdution h2,.skill h2,.offce h2,.flow-about h2{margin-bottom:100px}footer{height:100px;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(150deg,rgba(255,0,255,.5) 10%,rgba(255,0,0,.7) 80%);color:#fff}small{font-size:14px}.mv{width:76%}.slick{margin-top:162px;width:100%;max-width:1024px}.slick img{width:100%;max-width:1024px;height:550px;border-radius:25px}p.scroll{display:inline-block;position:absolute;right:15%;bottom:-8%;z-index:2;padding:10px 10px 110px;overflow:hidden;color:#202020;font-size:14px;font-family:"Josef in sans",sans-serif;line-height:1;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;writing-mode:vertical-lr}p.scroll:after{content:"";position:absolute;bottom:0;left:50%;width:1px;height:100px;background:#202020}p.scroll:after{animation:sdl 1.5s cubic-bezier(1,0,0,1)infinite}@keyframes sdl{0%{transform:scale(1,0);transform-origin:0 0}50%{transform:scale(1,1);transform-origin:0 0}50.1%{transform:scale(1,1);transform-origin:0 100%}100%{transform:scale(1,0);transform-origin:0 100%}}.catch{font-size:40px;font-weight:700;position:absolute;right:50px;top:50%}.catch{color:#000bff;text-shadow:5px 5px #0ff}.mv:before{top:-600vh;bottom:48%;left:60%;width:40vw;position:absolute;content:"";background-color:plum}.home .about img,.home .works img{width:100%;max-width:600px;margin:0 auto 100px 0;border-radius:50px}.home .about .txt-l,.home .works .txt-l,.home .works .txt-r{margin-top:50px}.home .about .arrow-btn,.home .works .arrow-btn{font-size:2.4rem;margin-top:70px}.home .arrow{width:100%;max-width:300px;height:8px;border-bottom:1px solid #000;border-right:1px solid #000;transform:skew(45deg);margin-top:80px;margin-left:auto}.home .works img{margin:0 auto 100px 100px}.home .works img:nth-last-of-type(2n){margin:auto 100px 0}.flex-r .arrow{width:100%;max-width:300px;height:8px;border-bottom:1px solid #000;border-right:none;border-left:1px solid #000;transform:skew(135deg);margin:80px auto 0 0}.introduction{width:76%;max-width:1024px;margin-right:auto}.intr-inner{margin-top:300px;margin-right:auto;text-align:right}.intr-inner h2{margin-bottom:90px}.intr-inner img,.office img,.skill img{width:100%;max-width:600px;height:100%;max-height:400px;object-fit:cover;object-position:center;border-radius:25px;margin-right:5%}.skill .txt-r+p{text-align:right}.skill ul li{font-size:3rem;line-height:1.3}.flow-about{width:76%;max-width:1024px;margin-right:auto;margin-top:400px}.flow-inner{margin-top:100px;margin-right:auto}.flow-desc img{max-width:300px;max-height:300px;object-fit:cover;object-position:center;border-radius:25px;margin-right:5%}.flow-desc .flex{margin-bottom:60px}.flow-desc .flex div{width:60%}.contact p{text-align:left}.contact-btn{width:100%;max-width:400px;height:100px;background-color:#5ce1e6;border-radius:25px;display:flex;align-items:center;justify-content:center;box-shadow:0px 6px 6px rgba(0,255,255,.5)}.contact label{font-size:2rem}.contact .wpcf7-form-contorol{width:50%;min-height:30px}.contact .wpcf7-submit{background-color:#5ce1e6;border-radius:10px;font-size:2rem;padding:5px 0;margin-top:20px}.single .flex div{width:70%;margin-top:100px;margin-right:auto}.single .flex div span,.single .flex div h2,.single .flex div p{font-size:1.8rem;margin-bottom:50px;line-height:1.5}@media only screen and (max-width:1040px){nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;justify-content:center;align-items:center;visibility:hidden;opacity:0;z-index:10}nav ul{list-style:none}nav li:not(:last-child){margin-bottom:30px}#navbtn{position:fixed;top:50px;right:50px;padding:0;outline:none;border:none;background:0 0;width:30px;height:20px;cursor:pointer;visibility:visible;z-index:100;opacity:1}#navbtn:before,#navbtn:after{content:"";display:block;height:1px;background-color:#333;transform:translateY(10px)}#navbtn:before{transform:translateY(-10px);box-shadow:0 10px #333}.open #navbtn{z-index:100}.open #navbtn:before{transform:rotate(-45deg);box-shadow:none}.open #navbtn:after{transform:rotate(45deg);box-shadow:none}.open nav{visibility:visible;opacity:1}}@media only screen and(max-width:1040px){.slick img{height:auto}.scroll{display:none}.catch{font-size:40px!important;font-weight:700;position:absolute;right:50px;top:50%}.catch{color:#000bff;text-shadow:5px 5px #0ff}.mv:before{bottom:60%}.txt-r,.txt-l h2{font-size:3rem}p{font-size:1.3rem}.skill ul li{font-size:2rem}.arrow-btn{font-size:1.8rem!important}.introduction{width:70%;max-width:1024px;margin:0 auto;margin-bottom:50px}}@media only screen and(max-width:768px){.slick img{height:auto}.scroll{display:none}.catch{font-size:40px!important;font-weight:700;position:absolute;right:50px;top:50%}.catch{color:#000bff;text-shadow:5px 5px #0ff}.mv:before{bottom:60%}.txt-r,.txt-l h2{font-size:30px}p{font-size:20px}a{font-size:20px}.skill ul li{font-size:18px}.arrow-btn{font-size:1.8rem!important}.introduction{width:70%;max-width:1024px;margin:0 auto;margin-bottom:50px}}@media only screen and(max-width:550px){.slick img{height:auto}.scroll{display:none}.catch{font-size:40px!important;font-weight:700;position:absolute;right:50px;top:50%}.catch{color:#000bff;text-shadow:5px 5px #0ff}.mv:before{bottom:60%}.txt-r,.txt-l h2{font-size:30px}p{font-size:20px}a{font-size:20px}.skill ul li{font-size:18px}.arrow-btn{font-size:1.8rem!important}.introduction{width:70%;max-width:1024px;margin:0 auto;margin-bottom:50px}}@media only screen and(max-width:425px){.flex{flex-direction:column;display:block;width:90%;margin:0 auto;margin-bottom:50px;position:relative}header .flex{flex-direction:row}.catch{font-size:40px!important;font-weight:700;position:absolute;right:50px;top:50%}.catch{color:#000bff;text-shadow:5px 5px #0ff}.mv:before{bottom:70%;left:62%}.slick{margin-top:0}.slick img{width:100%;max-width:1024px;height:200px;border-radius:25px;box-sizing:border-box}.scroll{display:none}p,a,ul li{font-size:20px}header{margin-bottom:50px}.home .mv{margin-bottom:100px}.flex-r img,.flex-l img{margin-bottom:50px}.txt-r,.txt-l{margin-bottom:20px;font-size:2rem}.home .about img,.home .work img{margin:0 0 20px}.contact{flex-direction:column;width:90%;margin:0 auto;margin-bottom:50px;position:relative}.contact p{margin-bottom:20px}.intr-inner h2{margin-top:20px}.intr-inner img,.office img,.skill img{margin-top:20px}.flow-inner{margin-top:0}.flow-desc img{margin-bottom:20px}.introduction{width:70%;max-width:1024px;margin:0 auto;margin-bottom:50px}}@media only screen and(max-width:375px){.flex{flex-direction:column;width:90%;margin:0 auto;margin-bottom:50px;position:relative}header .flex{flex-direction:row}.catch{font-size:40px!important;font-weight:700;position:absolute;right:50px;top:50%}.catch{color:#000bff;text-shadow:5px 5px #0ff}.mv:before{bottom:70%;left:62%}.slick{margin-top:0}p.scroll{display:none}header{margin-bottom:50px}.home .mv{margin-bottom:100px}.flex-r img,.flex-l img{margin-bottom:50px}.txt-r,.txt-l{margin-bottom:20px;font-size:2rem}.home .about img,.home .work img{margin:0 0 20px}.contact p{margin-bottom:20px}.contact-btn{height:80px}.intr-inner h2{margin-top:20px}.intr-inner img,.office img{margin-top:20px}.flow-inner{margin-top:0}.flow-desc img{margin-bottom:20px}.contact,.flex{flex-direction:column;width:90%;margin:0 auto;margin-bottom:50px;position:relative}.contact .wpcf7-form-contorol{width:50%;min-height:50px}}@media only screen and(max-width:320px){.flex{flex-direction:column;width:90%;margin:0 auto;margin-bottom:50px;position:relative}header .flex{flex-direction:row}.catch{font-size:30px!important;font-weight:700;position:absolute;right:35px!important;top:50%}.catch{color:#000bff;text-shadow:5px 5px #0ff}.mv:before{bottom:70%;left:62%}.slick{margin-top:0}p.scroll{display:none}header{margin-bottom:50px}.home .mv{margin-bottom:100px}.flex-r img,.flex-l img{margin-bottom:50px}.txt-r,.txt-l{margin-bottom:20px;font-size:2rem}.home .about img,.home .work img{margin:0 0 20px}.contact p{margin-bottom:20px}.contact-btn{height:60px}.intr-inner h2{margin-top:20px}.intr-inner img,.office img{margin-top:20px}.flow-inner{margin-top:0}.flow-desc img{margin-bottom:20px}.contact .wpcf7-form-contorol{width:50%;min-height:55px}}