::-moz-selection{background:#fccde6}::selection{background:#fccde6}::-moz-selection{background:#fccde6}html{background-color:#fbf8f6;font-family:"Krona One","Kosugi",sans-serif;font-feature-settings:"palt";font-size:14px;visibility:hidden}html.wf-active{visibility:visible}@media only screen and (max-width: 767px){html{font-size:3.2vw}}@media only screen and (min-width: 1536px){html{font-size:16px}}a{display:block}.sp{display:block}@media only screen and (min-width: 768px){.sp{display:none}}.tb{display:none}@media only screen and (min-width: 768px){.tb{display:block}}.pc{display:none}@media only screen and (min-width: 1024px){.pc{display:block}}img{width:100%;vertical-align:bottom;pointer-events:none;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}.tc{color:#ff22a4}.tc-b{color:#fbf8f6}.svgc{fill:#ff22a4}.svgc-b{fill:#fbf8f6}h2{font-size:3rem}h3{font-size:2rem}p{font-family:"Montserrat","Kosugi",sans-serif;font-size:1rem;line-height:2rem}header{position:relative;z-index:50}header .nameBox .name{font-size:3rem;transition:all .3s ease}header .nameBox .name span{display:inline-block;transform:translateY(0.25rem)}header .nameBox .ds{font-size:.75rem;margin-bottom:.5rem;letter-spacing:0}header nav ul li{position:relative}header nav ul li a{display:block;width:100%;height:100%}header nav ul li a .tc-b{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;font-size:.75rem;margin-top:.25rem}header nav ul li a .svgc{position:absolute;width:100%;height:auto;bottom:0;left:0}@media only screen and (max-width: 767px){header .nameBox{position:fixed;display:flex;justify-content:space-between;align-items:flex-end;padding:0 7%;top:5%;left:0;width:100%}header nav{position:fixed;bottom:7%;left:0;width:100%;z-index:50}header nav ul{display:flex;justify-content:center}header nav ul li{width:20vw;height:20vw;margin:0 1rem}}@media only screen and (min-width: 768px){header{position:fixed;top:0;left:0;padding:5% 0 5% 5%;box-sizing:border-box}header .nameBox{margin-bottom:3rem}header .nameBox .name{font-size:1.5rem;margin-bottom:.5rem}header .nameBox .ds{font-size:.5rem}header nav ul li{width:100px;height:100px;margin:0}header nav ul li a{display:block}header nav ul li a .tc-b{font-size:.75rem}header nav ul li:not(:last-child){margin-bottom:1rem}}@media(hover: hover)and (pointer: fine)and (min-width: 1024px){header .nameBox .name:hover{transform:scale(0.9)}header nav ul li .svg-inb{display:inline-block}header nav ul li .svgc{transition:all .3s ease}header nav ul li:hover:first-child .svgc{animation:3s linear infinite rotation;transform-origin:51% 54%}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}header nav ul li:hover:last-child .svgc{animation:1s linear infinite doki;transform-origin:50% 50%}@keyframes doki{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}}.tc,.tc-b,.svgc,.svgc-b,.bc,.bc-b,.content{transition:all .4s ease}.tc-b{color:#fbf8f6}.svgc-b{fill:#fbf8f6}.bc{background-color:#ff22a4}.tc{color:#ff22a4}.svgc{fill:#ff22a4}.brc{border-color:#ff22a4}main{padding:26.6666666667vw 7% 50%}@media only screen and (min-width: 768px){main{padding:4% 5% 10% 25%}}@media only screen and (min-width: 1024px){main{padding:4% 5% 10% 18%}}.top--list li:not(:last-child){margin-bottom:15%}.top--list--thum{padding:10%;border-radius:20px;overflow:visible;margin-bottom:5%}.top--list--thum--img{display:block}.top--list--tx--tit{margin-bottom:1rem}.top--list--tx--cate{font-size:.75rem}@media only screen and (min-width: 768px){.top--list{display:flex;flex-wrap:wrap}.top--list li{width:50%;padding:2%;box-sizing:border-box}.top--list li:not(:last-child){margin-bottom:5%}.top--list--thum{display:flex;justify-content:center}}@media only screen and (min-width: 1024px){.top--list li{width:33.3333333333%}.top--list--thum{transition:all .3s ease-out}.top--list--thum--img{transition:all .3s ease-out;will-change:transform}}@media only screen and (min-width: 1536px){.top--list li{width:25%}}@media(hover: hover)and (pointer: fine)and (min-width: 1024px){.top--list li:hover:nth-child(even) .top--list--thum--img{transform:scale(1.4) rotate(-7deg)}.top--list li:hover:nth-child(odd) .top--list--thum--img{transform:scale(1.4) rotate(7deg)}}footer{margin:30% auto 0;width:100%;max-width:600px}@media only screen and (min-width: 768px){footer{margin:10% auto 0}}footer h2{margin-bottom:2rem}footer p{margin-bottom:2rem}.btn{display:block;width:100%;height:60px;margin:0 auto;border-radius:10px}.btn div{display:flex;justify-content:center;align-content:center;width:100%;height:100%;align-items:center;z-index:2;position:relative;transition:all .3s ease-out}.btn div span{display:block;margin-right:1rem;font-size:1.5rem}.btn div .arrow{width:1.5rem;transition:all .3s ease-out}.btn div .arrow-link{width:1rem;transition:all .3s ease-out}@keyframes arrow-link{0%{transform:translateX(0)}50%{transform:translate(10px, -5px)}100%{transform:translateX(0)}}@media only screen and (min-width: 768px){.btn{height:70px}}@media(hover: hover)and (pointer: fine)and (min-width: 1024px){.btn:hover div{transform:scale(0.9)}.btn:hover div .arrow{transform:translateX(20px)}.btn:hover div .arrow-link{transform:translate(30px, -7px)}}@keyframes arrow-r{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}.works{max-width:1500px;margin:0 auto}@media only screen and (min-width: 768px){.works .img-box-fv{width:100%;height:auto;max-height:80vh;display:flex}.works .img-box-fv img{display:block;-o-object-fit:contain;object-fit:contain}}.works .txBox{max-width:600px;margin:5rem auto}.works .txBox--tit{font-size:3rem;margin-bottom:1rem}.works .txBox--ex{font-size:1rem;margin-bottom:1rem}.works .txBox--table{font-size:.75rem;line-height:1.5rem;margin-bottom:1rem}.works .txBox--table th{display:block;margin-right:1rem}.works .np{display:block;margin-top:5rem}.works .np--list li{width:100%;transition:all .4s ease;position:relative;height:100%}.works .np--list li a{padding:5% 0}.works .np--list li.next a,.works .np--list li.prev a{display:flex;justify-content:space-between;align-items:center}.works .np--list li.br{display:block}@media only screen and (max-width: 767px){.works .np--list li.br{width:100%;height:1px}}@media only screen and (min-width: 768px){.works .np--list li.br{width:1px;height:100%;position:absolute;right:0;left:0;margin:0 auto}}.works .np--list--thum{width:35%;padding:4%;border-radius:10px}.works .np--list--thum--img{position:relative;transition:all .3s ease-out;z-index:3;will-change:transform}.works .np--list--tx{width:55%}.works .np--list--tx--arrow{display:flex;font-size:2rem;margin-bottom:1rem}.works .np--list--tx--arrow .mr{margin-right:1rem}.works .np--list--tx--arrow svg{transition:all .3s ease-out;width:1.5rem}.works .np--list--tx--tit{font-size:1.2rem;margin-bottom:1rem}.works .np--list--tx--cate{font-size:.5rem}@media only screen and (min-width: 768px){.works .np{margin:13% auto 0}.works .np--list{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;position:relative}.works .np--list li a{padding:0}.works .np--list li.next,.works .np--list li.prev{width:40%}.works .np--list li.next a,.works .np--list li.prev a{align-items:inherit}.works .np--list li.next{order:3}.works .np--list li.prev{order:1}.works .np--list li.br{order:2}.works .np--list--tx{margin-top:7%}}@media(hover: hover)and (pointer: fine)and (min-width: 1024px){.works .np--list li:hover.next .np--list--thum--img{transform:scale(2.2) rotate(7deg)}.works .np--list li:hover.next .np--list--tx--arrow svg{transform:translateX(10px)}.works .np--list li:hover.prev .np--list--thum--img{transform:scale(2.2) rotate(-7deg)}.works .np--list li:hover.prev .np--list--tx--arrow svg{transform:translateX(-10px)}}.mt{margin-top:3rem}.mt1{margin-top:1rem}.mt2{margin-top:2rem}.about{max-width:600px;margin:0 auto}.about .tit{margin-bottom:2rem}.about .about-name{margin-bottom:1rem;display:flex;align-items:baseline}.about .about-name h3{margin-right:.5rem}.about .about-name h3 span{transform:translateY(0.25rem)}.about .aboutBox{margin-top:10%}.about .contactBox{margin-top:20%}.about .liBox{background-color:#f7f1ed;padding:5%;border-radius:10px}.about .liBox .liBox-tit{font-weight:600;margin-bottom:1rem}.about .liBox ul li:not(:first-child){margin-top:1rem}@media only screen and (min-width: 1024px){.about .liBox{padding:3%}}.about .snsLinkBox{display:flex}.about .snsLinkBox .snsLink{display:flex;align-items:center}.about .snsLinkBox .snsLink svg{width:.75rem;margin-left:.5rem}.about .snsLinkBox .snsLink:not(:first-child){margin-left:2rem}@media only screen and (max-width: 767px){.about .btn div span{font-size:1.25rem}}@media only screen and (min-width: 1024px){.about .aboutBox{margin-top:3%}.about .contactBox{margin-top:15%}}.about .btn-home{display:inline-block;margin:10% auto 0;width:auto}.about .btn-home a{display:flex}.about .btn-home a svg{width:2rem;margin-right:1rem}.about .btn-home a span{font-size:2rem}@media(hover: hover)and (pointer: fine)and (min-width: 1024px){.about .btn-home:hover a svg{transform:translateX(-10px)}}@media(hover: hover)and (pointer: fine)and (min-width: 1024px){.about .snsLink:hover{transform:scale(0.9)}.about .snsLink:hover svg{transform:translate(10px, -3px)}}.fade{opacity:0;transition:all .6s;transform:scale(0.7) rotate(-7deg);will-change:transform}.fade.fade-in{opacity:1;transform:translate(0, 0) scale(1) rotate(0deg)}