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:rgba(0,0,0,0);box-sizing:border-box}body{line-height:1}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:rgba(0,0,0,0)}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 #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*{font-family:"Sawarabi Gothic",sans-serif}.header{position:absolute;top:90px;left:0;margin:15px;z-index:2}@media screen and (min-width: 768px){.header{margin:20px 40px 0;top:140px}}@media screen and (min-width: 1024px){.header{margin:30px 30px 0;top:200px;left:100px}}.header__wrap{overflow:hidden;height:200px;width:235px}@media screen and (min-width: 1024px){.header__wrap{width:350px}}.header__ttl{color:#0f52ba;font-size:30px;position:relative}@media screen and (min-width: 1024px){.header__ttl{margin-bottom:30px;font-size:50px}}.header__span01{display:block;background:#faf9f6;padding:10px;font-family:"Playfair Display",serif;letter-spacing:.1em;width:110px;transform:translateX(-101%);animation:ttl01 1.5s 4.5s forwards}@media screen and (min-width: 1024px){.header__span01{width:180px;padding:15px}}.header__span02{display:block;background:#faf9f6;padding:10px;font-family:"Playfair Display",serif;letter-spacing:.1em;position:absolute;top:49px;left:50px;transform:translateX(101%);-webkit-animation:ttl02 1.5s 4.5s forwards}@media screen and (min-width: 1024px){.header__span02{padding:15px;top:78px}}@keyframes ttl01{0%{transform:translateX(-101%)}100%{transform:translate(0)}}@keyframes ttl02{0%{transform:translateX(101%)}100%{transform:translate(0)}}.gnav{position:fixed;padding:20px;top:40px;right:-12vw}@media screen and (min-width: 768px){.gnav{top:40px;right:-4vw}}@media screen and (min-width: 1024px){.gnav{top:35vh;left:1vw;width:150px;position:static}}.gnav__list{transform:rotate(90deg);margin-bottom:120px}@media screen and (min-width: 1024px){.gnav__list{margin-bottom:50px;transform:none;transform:none;margin-bottom:0;position:fixed}.gnav__list:nth-child(1){top:15px;left:15px}.gnav__list:nth-child(2){top:15px;right:15px}.gnav__list:nth-child(3){bottom:15px;left:15px}}.gnav__link{padding:5px 5px 0;color:#0f52ba;letter-spacing:.1rem;text-decoration:none;border-bottom:1px solid #0f52ba;font-family:"Libre Baskerville",serif;font-weight:700}@media screen and (min-width: 768px){.gnav__link{font-size:14px}}@media screen and (min-width: 1024px){.gnav__link{display:inline-block;border:none;padding:15px;text-decoration:none;position:relative;transition:.2s;font-size:16px}.gnav__link:hover{background:#0f52ba;color:#fff}}.footer{text-align:center;padding:0 40px 40px;background:#0f52ba;color:#fff}@media screen and (min-width: 768px){.footer{padding-bottom:20px}}.wrapper{color:#191970;background-color:#dcdcdc}.mv{height:100vh;width:100%;background:#0f52ba;display:flex;justify-content:center;align-items:center;position:relative}@media screen and (min-width: 768px){.mv{height:60vh}}@media screen and (min-width: 1024px){.mv{height:100vh}}.mv::before{content:"Toki Kuzuoka, Digital Operations/UX specialist";color:#fff;font-size:1.6rem;z-index:2;width:100%;text-align:center;animation:op-txt 4s .5s forwards;position:absolute;top:48%;left:0;opacity:0}.mv::after{content:"";background:#0f52ba;width:100%;height:100%;position:absolute;top:0;left:0;animation:op-slide 2s 3.5s forwards}.mv__wrap{width:80%;height:80vh;overflow:hidden}@media screen and (min-width: 768px){.mv__wrap{height:45vh;width:80%}}@media screen and (min-width: 1024px){.mv__wrap{height:70vh}}.mv__img{background:url(../images/mv.jpg) center center/cover;width:100%;height:100%}@media screen and (min-width: 768px){.mv__img{background:url(../images/mv-wide.jpg) center center/cover}}.op{background:#dcdcdc;width:100%;height:100vh;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;animation:bg-slide 3s 2.8s forwards}.op__pic{height:60px;overflow:hidden}@media screen and (min-width: 768px){.op__pic{width:300px;height:75px}}.op__img{transform:translateX(101%);width:100%;height:100%;-o-object-fit:contain;object-fit:contain;animation:op-slide 2s .5s forwards}@keyframes opening{0%{opacity:0}100%{opacity:1}}@keyframes op-slide{0%{transform:translate(0)}100%{transform:translateY(-101%)}}@keyframes bg-slide{0%{transform:translate(0)}30%{transform:translateY(100%)}100%{z-index:-1;transform:translateY(100%)}}@keyframes op-txt{0%{opacity:0}50%{opacity:100%}100%{opacity:0}}.top{display:none;z-index:3}@media screen and (min-width: 1024px){.top{display:block;position:fixed;right:30px;bottom:15px}}.top__btn{letter-spacing:.1em}.top__link{display:block;font-family:"Libre Baskerville",serif;font-weight:700;font-size:16px;color:#0f52ba;padding:15px;transition:.2s;text-decoration:none}.top__link:hover{background:#0f52ba;color:#fff}.works{padding-top:50px;background:#faf9f6}@media screen and (min-width: 1024px){.works{padding:100px 10vw 100px}}.works__ttl{margin-bottom:50px;margin-left:24px;font-size:30px;letter-spacing:.1rem;color:#0f52ba;font-weight:600;font-family:"Libre Baskerville",serif}@media screen and (min-width: 768px){.works__ttl{margin-left:9vw}}@media screen and (min-width: 1024px){.works__ttl{margin-left:0;font-size:40px;margin-bottom:80px}}.works__period{margin-bottom:32px;margin-right:22px;letter-spacing:.1rem;padding-bottom:10px;padding-left:10px;border-bottom:2px solid #191970}@media screen and (min-width: 768px){.works__period{margin-left:9vw;width:80vw}}@media screen and (min-width: 1024px){.works__period{margin-left:0}}.works__wrap{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.works__wrap{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;-webkit-box-align:start;-ms-flex-align:start}}.works__box{margin-bottom:30px}@media screen and (min-width: 768px){.works__box{margin-left:9vw;margin-bottom:50px}}@media screen and (min-width: 1024px){.works__box{width:35vw;margin-left:0}.works__box:nth-child(odd){margin-right:8.8vw}}.works__slide{width:90vw;height:50.625vw;background:#0f52ba;position:absolute;top:0;left:0;transition:.8s;display:block;overflow:hidden}@media screen and (min-width: 1024px){.works__slide{width:36vw;height:20.25vw}}.works__pic{width:90vw;height:50.625vw;overflow:hidden;position:relative}@media screen and (min-width: 768px){.works__pic{width:80vw;height:45vw}}@media screen and (min-width: 1024px){.works__pic{width:36vw;height:20.25vw;overflow:hidden}}.works__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.4s}@media screen and (min-width: 1024px){.works__img:hover{transform:scale(1.1)}}.works__modal{pointer-events:none}@media screen and (min-width: 1024px){.works__modal{pointer-events:auto}}.works__item{display:flex;justify-content:space-between;width:90vw}@media screen and (min-width: 768px){.works__item{width:80vw}}@media screen and (min-width: 1024px){.works__item{width:38vw;pointer-events:none}}.works__subttl{width:90vw;line-height:1.6;letter-spacing:.1rem;padding:5px 10px;cursor:pointer}@media screen and (min-width: 768px){.works__subttl{padding:10px 20px}}@media screen and (min-width: 1024px){.works__subttl{background:none;padding:10px;width:38vw;line-height:2;letter-spacing:.1rem}}.works__down{padding:7px 15px;font-size:20px;cursor:pointer}@media screen and (min-width: 768px){.works__down{padding:10px 20px}}@media screen and (min-width: 1024px){.works__down{display:none}}.works__hide{display:none}@media screen and (min-width: 1024px){.works__hide{display:none !important}}.works__list{width:90vw;letter-spacing:.08rem;line-height:1.6;padding:10px 10px 5px;border-top:1px solid #191970}@media screen and (min-width: 768px){.works__list{width:80vw;padding:10px 20px 20px;line-height:1.6}}@media screen and (min-width: 1024px){.works__list{display:block;background:none;padding:0 10px;width:38vw}}@media screen and (min-width: 1024px){.works__arrow{display:none}}.works__dl{margin-bottom:16px}.works__dt{display:inline}.works__dt--br{display:block}.works__dd{display:inline}.works__btn{display:flex;border:2.2px solid #191970;padding:5px}.works__btn__bg{display:flex;justify-content:end}.works__more{letter-spacing:.1rem}.works__link{color:#191970;padding:10px;display:block;text-decoration:none}.works__link--old{color:#191970;display:block;padding:0}.works__link--modal{color:#191970;padding:10px;display:block;text-decoration:none}.works__png{width:20px;height:20px;margin:10px 0;margin-right:10px;-o-object-fit:contain;object-fit:contain}.modal{display:none;position:fixed;top:0;left:0;background:rgba(25,47,112,.9137254902);z-index:3}.modal__wrap{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1024px){.modal__wrap{flex-direction:row}}.modal__pic{width:90vw;margin-bottom:20px}@media screen and (min-width: 1024px){.modal__pic{width:60vw;height:39vw;margin-bottom:0}}.modal__pic--long{width:90vw;margin-bottom:20px}@media screen and (min-width: 1024px){.modal__pic--long{height:80vh;width:50vh}}.modal__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.modal__box{width:80vw;display:none}@media screen and (min-width: 1024px){.modal__box{width:25vw;margin-left:50px;display:block}}.modal__subttl{font-weight:bold}@media screen and (min-width: 1024px){.modal__subttl{line-height:2;letter-spacing:.1rem;color:#fff}}.modal__span{display:block;margin-top:15px}.modal__txt{margin-bottom:12px}.modal__list{line-height:1.6;letter-spacing:.1rem}@media screen and (min-width: 1024px){.modal__list{line-height:1.6;letter-spacing:.1rem;color:#fff;margin-bottom:20px}}.modal__dl{margin-top:24px}.modal__dt{display:inline}.modal__dt--br{display:block}.modal__dd{display:inline}@media screen and (min-width: 1024px){.modal__more{text-align:right}}.modal__link{margin-top:20px}@media screen and (min-width: 1024px){.modal__link{color:#fff;text-decoration:none;line-height:2;letter-spacing:.1rem;display:inline-block;padding:8px 20px;border:1px solid #fff;transition:.4s}.modal__link:hover{background:#fff;color:#191970}}.modal__link--old{color:#fff}.swiper01__container{width:80vw;margin-bottom:20px;overflow:hidden}@media screen and (min-width: 1024px){.swiper01__container{width:60vw;height:39vw;margin-bottom:0}}.swiper01__wrapper{display:flex}.swiper01__pic{width:90vw;margin-bottom:20px}@media screen and (min-width: 1024px){.swiper01__pic{width:60vw;height:39vw}}.swiper01__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.swiper01__pagination{color:#fff}.swiper01__prev{color:#fff}.swiper01__next{color:#fff}.skills{padding:80px 0 60px}@media screen and (min-width: 1024px){.skills{padding:100px 10vw 80px}}.skills__ttl{margin-bottom:50px;margin-left:24px;font-size:30px;letter-spacing:.1rem;color:#0f52ba;font-weight:600;font-family:"Libre Baskerville",serif}@media screen and (min-width: 768px){.skills__ttl{margin-left:100px}}@media screen and (min-width: 1024px){.skills__ttl{margin-left:0;font-size:40px;margin-bottom:80px}}@media screen and (min-width: 768px){.skills__wrap{display:flex;justify-content:center}}.skills__box{margin:0 30px 60px}@media screen and (min-width: 768px){.skills__box{margin:0 30px 60px}}@media screen and (min-width: 1024px){.skills__box{margin:0 20px 80px}}.skills__item{width:80vw;line-height:1.5;letter-spacing:.1rem}@media screen and (min-width: 768px){.skills__item{width:60vw}}@media screen and (min-width: 1024px){.skills__item{width:32vw}}.skills__txt{margin-top:8px;margin-bottom:52px}.skills__txt:last-of-type{margin-bottom:0}.about{padding-top:80px;background:linear-gradient(rgba(255, 255, 255, 0.2)),url(../images/bg.jpeg) center center/cover}@media screen and (min-width: 768px){.about{padding-top:120px}}.about__ttl{margin-bottom:50px;margin-left:24px;font-size:30px;letter-spacing:.1rem;color:#0f52ba;font-weight:600;font-family:"Libre Baskerville",serif;color:#fff}@media screen and (min-width: 768px){.about__ttl{margin-left:100px}}@media screen and (min-width: 1024px){.about__ttl{margin-left:10vw;font-size:40px}}.about__wrap{padding:20px;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.about__wrap{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:40px;margin-bottom:40px}}.about__section{margin-bottom:48px;display:block;text-shadow:1.4px 1.2px 1.2px #fff}.about__date{display:block;margin-bottom:8px}.about__item{display:flex}.about__txt{margin:0 5vw 15px;line-height:1.2;letter-spacing:.1rem}@media screen and (min-width: 768px){.about__txt{width:60vw;margin:0 0 15px}}@media screen and (min-width: 1024px){.about__txt{width:32vw;margin:0 0 15px}}.catch{overflow:hidden;padding-bottom:40px}@media screen and (min-width: 768px){.catch{padding-bottom:70px}}@media screen and (min-width: 1024px){.catch{padding-bottom:80px}}.catch__txt{margin-left:20px;line-height:2;letter-spacing:.1rem;font-size:40px;letter-spacing:.2em;font-family:"Libre Baskerville",serif;font-weight:700;width:4000px;color:#0f52ba}@media screen and (min-width: 768px){.catch__txt{font-size:50px;margin-left:50px}}.contact{padding-top:100px;padding-bottom:60px;background:#0f52ba;transform:translateY(0.5px)}@media screen and (min-width: 768px){.contact{width:500px;width:100%;padding-bottom:20px}}@media screen and (min-width: 1024px){.contact{padding-bottom:40px}}.contact__ttl{margin-bottom:50px;margin-left:24px;font-size:30px;letter-spacing:.1rem;color:#0f52ba;font-weight:600;font-family:"Libre Baskerville",serif;color:#fff}@media screen and (min-width: 768px){.contact__ttl{width:500px;margin:0 auto 50px}}@media screen and (min-width: 1024px){.contact__ttl{font-size:40px}}.form{display:flex;flex-direction:column;align-items:center}.form__box{margin-bottom:20px}.form__box--btn{margin-bottom:40px;position:relative}.form__label{line-height:2;letter-spacing:.1rem;display:block;padding:8px 4px;color:#fff}.form__input{width:84vw;padding:10px;background:#fff;border:none;font-size:16px;line-height:2;letter-spacing:.1rem;color:#191970}.form__input:focus-visible{outline-color:#0f52ba}@media screen and (min-width: 768px){.form__input{width:500px}}.form__textarea{width:84vw;height:120px;padding:10px;margin-bottom:40px;background:#fff;border:none;font-size:16px;line-height:2;letter-spacing:.1rem;color:#191970;resize:vertical}.form__textarea:focus-visible{outline-color:#0f52ba}@media screen and (min-width: 768px){.form__textarea{width:500px}}.form__submit{width:65px;height:65px;font-size:27px;border:none;border-radius:50%;background:#0f52ba;border:2px solid #fff;color:#fff;-webkit-appearance:none;transition:.3s;z-index:3}.form__submit:hover{transform:rotate(-15deg)}.form__item{position:absolute;top:-22px;left:-22px;z-index:1}.form__send{letter-spacing:.1em;color:#faf9f6;position:relative;width:110px;height:110px;text-align:center;transform:rotate(-80deg);animation:rotate 7s linear infinite}.thanks{text-align:center;margin:0 5vw}.thanks__wrapper{color:#191970;background-color:#dcdcdc;height:100vh;display:flex;align-items:center;justify-content:center}.thanks__ttl{line-height:2;letter-spacing:.1rem;margin-bottom:20px;font-size:18px}.thanks__txt{line-height:2;letter-spacing:.1rem;margin-bottom:80px;font-size:14px}.thanks__link{line-height:2;letter-spacing:.1rem;color:#191970;padding:1px 5px;border-bottom:2px solid #191970;text-decoration:none}.fadein{opacity:0;transform:translateY(50px);transition:.6s}.show{opacity:1;transform:translate(0)}.hide{display:none}.slide{transform:translateX(101%)}/*# sourceMappingURL=style.css.map */