@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400i");body{margin:0}h1,h2,h3,h4,h5,h6{font:inherit;line-height:1.375;margin:0}input[type="text"],input[type="button"],input[type="submit"],input[type="url"],input[type="tel"],input[type="email"],input[type="number"],input[type="search"],input[type="password"],textarea,select,button{margin:0;padding:0;border:none;font:inherit;line-height:1.5;-webkit-appearance:none;border-radius:0;box-sizing:border-box;width:auto}input[type="button"],input[type="submit"],button{cursor:pointer;background-color:transparent;padding:0}textarea{display:block;resize:vertical}label{cursor:pointer}p{margin:1em 0}p:first-child{margin-top:-0.5em}p:last-child{margin-bottom:-0.5em}a{color:inherit}img{border:none}ul{list-style:none;margin:0;padding:0}ol{margin:0;padding:0 0 0 2em;counter-reset:number;list-style:none}ol li{position:relative}ol li:before{counter-increment:number;content:counter(number) ".";position:absolute;left:-2em}dl{margin:0}dd{margin:0}figure{margin:0}figcaption{font-size:smaller;line-height:1.6}main{display:block}a{color:#ee827c}.alignleft{float:left;margin-right:1em}.alignright{float:right;margin-left:1em}.aligncenter{display:block;margin-left:auto;margin-right:auto}@media screen and (max-width: 720px){html{font-size:14px}}@media screen and (min-width: 721px){html{font-size:16px}}body{line-height:2;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, sans-serif;color:#555;-webkit-text-size-adjust:100%;overflow-x:hidden}section.standard{margin-top:8em}section.standard h2{margin-bottom:4em;max-width:1280px;margin-left:auto;margin-right:auto;position:relative;line-height:inherit}@media screen and (max-width: 720px){section.standard h2{width:calc(100% - 3em)}}@media screen and (min-width: 721px){section.standard h2{width:calc(100% - 128px)}}section.standard h2::after{background:#ddd;width:1px;height:0;position:absolute;top:2em;left:3em;transition:height 1.2s cubic-bezier(0.23, 1, 0.32, 1) .6s;content:""}section.standard h2.in-view::after{height:4em}section.standard h2 img{width:auto}a.standard{display:block;padding:2em 0 1em;text-align:center;background:#ee827c url(images/nanako.svg)}a.standard span{max-width:75%;display:inline-block;padding-bottom:12px;position:relative}a.standard span::before{content:"";height:2px;width:0;background:white;position:absolute;bottom:0;right:0;transition:width .6s cubic-bezier(0.075, 0.82, 0.165, 1)}a.standard:hover span::before{width:100%}a.standard img{width:auto;max-width:100%;height:2em;display:block}.pictorial figure.image img{width:100%;height:100%;display:block;object-fit:cover;font-family:'object-fit: cover;'}[in-view-fx="rise"]{opacity:0;transform:translateY(25vh);transition:opacity 1.2s cubic-bezier(0.53, 0, 0.34, 1.01),transform 3s cubic-bezier(0.23, 1, 0.32, 1)}[in-view-fx="rise"].in-view{opacity:1;transform:translateY(0)}[in-view-fx="bracket"]{position:relative}[in-view-fx="bracket"]::after{content:"";border-color:#ee827c;border-style:solid;border-width:0 4px 1px 0;position:absolute;width:0;height:0;transition:width 2.4s cubic-bezier(0.23, 1, 0.32, 1) .6s,height .6s cubic-bezier(0.215, 0.61, 0.355, 1) .6s}@media screen and (max-width: 720px){[in-view-fx="bracket"].in-view::after{width:80px;height:40px}}@media screen and (min-width: 721px){[in-view-fx="bracket"].in-view::after{width:120px;height:60px}}@media screen and (max-width: 480px){#about h3{position:relative;left:50%;transform:translateX(-50%);padding:8%}#maker aside{background-image:url(/images/maker/shop-s.jpg)}}@media screen and (min-width: 481px){#about h3{padding:4%}#maker aside{position:relative;background-image:url(/images/maker/shop-l.jpg)}}@media screen and (min-width: 481px) and (max-width: 1240px){#tsugaru-nuri .carousel-item{width:50%}}@media screen and (max-width: 720px){#about .content{margin:1.5em 1.5em 0}#products .content{margin:0 1.5em}#products h3{width:84px;margin:-2em 3em 2em 0;padding-bottom:24px}#products h3 img{max-width:84px;height:auto}#products .link-to{margin-top:1em;clear:both}#situations .list li{background:#fff}#situations .image{width:100%;height:75%}#situations .content{position:absolute;width:calc(100% - 3em);left:1.5em;bottom:1.5em}#situations h3{padding:1em;margin-top:-0.5em}#situations h3 img{max-width:100%;height:2em}#situations h3::before{width:calc(100% - 2em);right:1em}#situations .body{margin-top:0.5em}#situations p{margin:0;line-height:1.5}#situations p span::before{width:100%;right:0}#footer .buy-nanako img{height:auto}}@media screen and (min-width: 721px){#products h3{padding-bottom:32px}#products .link-to{margin-top:2em}#situations .image{width:100%;height:100%}#situations hgroup,#situations .body{position:absolute;padding:3%}#situations hgroup{top:0;left:0;padding-top:0.75%}#situations h3{padding:1.5em;margin-top:-0.75em}#situations h3 img{height:3vw}#situations h3::before{width:calc(100% - 3em);right:1.5em}#situations .body{right:0;bottom:0}#situations p{margin:0.5em 0 0;line-height:1;font-size:1.125em;text-align:right}#situations p span{padding:1em;background:white}#situations p span::before{width:calc(100% - 2em);right:1em}}@media screen and (min-width: 721px) and (max-width: 1000px){#about .content{margin:1.5em 64px 0}}@media screen and (min-width: 721px) and (max-width: 1240px){#products .content{max-width:720px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 721px) and (max-width: 1240px) and (max-width: 720px){#products .content{width:calc(100% - 3em)}}@media screen and (min-width: 721px) and (max-width: 1240px) and (min-width: 721px){#products .content{width:calc(100% - 128px)}}@media screen and (min-width: 721px) and (max-width: 1240px){#products h3{width:124px;margin-top:-3em}#products p,#products .link-to{margin-left:calc(124px + 3em)}}@media screen and (max-width: 1000px){.pictorial .image{width:100%;height:75vw;max-height:66.67vh}#simulator .board{height:75vw}#simulator .description{margin-top:1.5em}#simulator .controller{margin:1em auto 0}#simulator th{line-height:1}#simulator button{margin-bottom:4px}#tsugaru-nuri h6{margin-bottom:2.5em}#tsugaru-nuri h6 img{max-width:100%;height:auto}#process .body{margin-top:15vw}#process li{margin-top:4em}#process .content{max-width:1280px;margin-left:auto;margin-right:auto;margin-top:-3.25em}}@media screen and (max-width: 1000px) and (max-width: 720px){#process .content{width:calc(100% - 3em)}}@media screen and (max-width: 1000px) and (min-width: 721px){#process .content{width:calc(100% - 128px)}}@media screen and (max-width: 1000px){#process p{margin-top:1em}#maker .greetings img{max-width:640px;width:100%;margin:0 auto 1em}#maker .staffs{width:calc(100% - 3em);max-width:640px;height:auto;margin:-20% auto 0;display:block}#maker .content{padding:0 1.5em}#maker .map{padding-top:80%}}@media screen and (min-width: 1001px){.pictorial{position:relative}.pictorial .image{position:absolute;height:100%;top:0;width:70%}.pictorial .content{padding:4em;max-width:640px;position:relative;width:45%}.pictorial.image-left .image{left:0}.pictorial.image-left .content{margin-left:auto;margin-right:0;padding-right:0}.pictorial.image-right .image{right:0}.pictorial.image-right .content{margin-right:auto;margin-left:0;padding-left:0}.pictorial-inner{position:relative;padding:6em 0;max-width:1280px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1001px) and (max-width: 720px){.pictorial-inner{width:calc(100% - 3em)}}@media screen and (min-width: 1001px) and (min-width: 721px){.pictorial-inner{width:calc(100% - 128px)}}@media screen and (min-width: 1001px){#about{margin-top:0}#simulator .board{height:640px}#simulator .panel{margin-top:2em}#simulator .panel .inner{display:flex}#simulator .description{flex-grow:1;align-self:center;margin-right:2em}#simulator p{line-height:1.75}#simulator .controller td{white-space:nowrap}#simulator .controller button{font-size:1.125em}#tsugaru-nuri h6{width:30%;float:left}#tsugaru-nuri h6 img{width:100%;height:auto}#tsugaru-nuri p{margin-left:calc(30% + 5em)}#process .preface{color:#fff;min-height:35vw}#process .preface .body{width:50%;margin-top:4em;background:rgba(0,0,0,0.5);padding:2em;box-sizing:border-box}#process li{margin-top:2em}#process .content{width:35%;background:#fff;padding:4em}#process ul p{margin-top:2em}#maker .greetings{display:flex;align-items:center}#maker .greetings>*{width:50%}#maker .greetings img{order:1}#maker .staffs{position:absolute;width:50%;height:auto;left:2em;top:0;margin-top:27%}#maker .content{margin:0 2em 0 55%}#maker .map{padding-top:40%}}@media screen and (max-width: 1240px){section.standard h2 img{height:0.875em}#hero{height:100vw;max-height:100vh}#hero h1{height:25%;text-align:center}#hero h1 a{display:block;width:100%;height:100%}#hero h1 img{height:70%;width:auto;position:relative;top:15%}#hero .carousel{height:75%}#hero .scroll-me{width:72px;height:72px;left:50%;transform:translateX(-50%)}#products li{margin-top:4em}#products li:first-child{margin-top:0}#products h3{float:left}#situations h6 img{height:0.875em}#situations h6 .counter{font-size:0.75em}}@media screen and (min-width: 1241px){section.standard h2 img{height:1.25em}#hero{height:100vh}#hero .carousel{position:absolute;right:0;left:64px;top:64px;bottom:64px}#hero h1{position:absolute;left:0;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.75);z-index:2;width:36%;padding-left:64px}#hero h1::after{width:64px;display:block;position:absolute;content:"";left:0;top:0;height:100%;background:#ee827c url(images/nanako.svg)}#hero h1 img{width:100%;height:auto;padding:9%;box-sizing:border-box;display:block}#hero .scroll-me{width:128px;height:128px;right:0}#products li{padding-top:50%;position:relative}#products li:nth-child(odd) .image{left:0}#products li:nth-child(odd) .content{right:64px}#products li:nth-child(even) .image{right:0}#products li:nth-child(even) .content{left:64px}#products .image{position:absolute;width:75%;height:auto;top:0}#products .content{position:absolute;top:50%;transform:translateY(-50%);width:calc(25% - 64px);box-sizing:border-box}#products p{margin-top:4em}#situations h6 img{height:1.25em}#situations h6 .counter{font-size:1.25em}#tsugaru-nuri .carousel-item{width:calc(100% / 3)}}#hero{position:relative}#hero .carousel-image{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background-size:cover;background-position:center center;transform:scale(1.2);transition:transform 10s linear}#hero .swiper-slide-active .carousel-image,#hero .swiper-slide-duplicate-active .carousel-image,#hero .swiper-slide-duplicate-prev .carousel-image,#hero .swiper-slide-prev .carousel-image{transform:scale(1)}#hero .scroll-me-wrap{max-width:1280px;margin-left:auto;margin-right:auto;position:absolute;z-index:50;bottom:0;left:50%;transform:translateX(-50%)}.touch #hero .scroll-me-wrap{display:none}@media screen and (max-width: 720px){#hero .scroll-me-wrap{width:calc(100% - 3em)}}@media screen and (min-width: 721px){#hero .scroll-me-wrap{width:calc(100% - 128px)}}#hero .scroll-me{position:absolute;bottom:0;background:#ee827c url(images/nanako.svg)}#hero .scroll-me img{width:40%;height:auto;position:absolute;left:50%;transform:translateX(-50%);bottom:15%}#hero .mouse{position:absolute;display:block;border:solid 1px white;width:30%;height:50%;border-radius:50% / 30%;left:50%;top:15%;transform:translateX(-50%)}#hero .mouse::before{content:"";padding-top:20%;width:20%;height:0;border-radius:50%;left:50%;top:25%;transform:translate(-50%, -50%);background:white;position:absolute;display:block;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:scroll-me}@keyframes scroll-me{100%{opacity:0;top:75%}}#about .section-content header{max-width:1280px;margin-left:auto;margin-right:auto;position:relative;z-index:1}@media screen and (max-width: 720px){#about .section-content header{width:calc(100% - 3em)}}@media screen and (min-width: 721px){#about .section-content header{width:calc(100% - 128px)}}#about h3{background:#ee827c url(images/nanako.svg);display:inline-block;max-width:75%;box-sizing:border-box}#about h3 img{display:block;max-width:100%}#about .pictorial{margin-top:-3em}#about .content{background:white}#about .content p:first-child{margin-top:0}#simulator .board{overflow:hidden;transition:background-color .6s linear;max-height:66.67vh}#simulator .board .tile{float:left}#simulator .board svg{display:block}#simulator .board path{transition:fill .6s linear}#simulator .panel .inner{max-width:1280px;margin-left:auto;margin-right:auto}@media screen and (max-width: 720px){#simulator .panel .inner{width:calc(100% - 3em)}}@media screen and (min-width: 721px){#simulator .panel .inner{width:calc(100% - 128px)}}#simulator .panel h5 img{width:auto;height:1.25em}#simulator p{margin:0}#simulator .controller{border-collapse:collapse}#simulator .controller th{color:#aaa;padding-right:0.5em;font-weight:normal;white-space:nowrap}#simulator .controller .bg-colors th,#simulator .controller .bg-colors td{padding-top:4px}#simulator .controller button{width:2.5em;height:2.5em;margin-left:4px}#simulator .controller button:focus{outline:none}#simulator .controller button:hover .color-name{opacity:0.5}#simulator .controller .color-name{opacity:0;font-family:'Hiragino Mincho ProN', 'Noto Serif JP', 'Yu Mincho', serif;font-weight:bold;color:white;transition:opacity .3s linear}#products h3{text-align:center;position:relative}#products h3 img{position:relative}#products h3::after{bottom:0}@media screen and (max-width: 720px){#products h3::after{right:calc(50% - 44px)}}@media screen and (min-width: 721px){#products h3::after{right:calc(50% - 64px)}}#situations h2{margin-bottom:0}#situations .spacers li{height:100vh}#situations .list{position:fixed;z-index:100;width:100%;height:100vh;left:0;bottom:0;visibility:hidden;opacity:0;overflow:hidden;transition:all .6s}#situations .list.active{visibility:visible;opacity:1}#situations .list li{position:absolute;left:0;top:0;height:100%;width:100vw;transition:all .9s;overflow:hidden;clip:rect(0, 0, 100vh, 0);z-index:10}.ie-or-edge #situations .list li{clip:auto;left:-100vw}#situations .list li.visible{clip:rect(0, 100vw, 100vh, 0)}.ie-or-edge #situations .list li.visible{clip:auto;left:0}#situations .list li.visible h3::before,#situations .list li.visible p span::before{width:0}#situations .list .image{object-fit:cover;font-family:'object-fit: cover;'}#situations .list h6 img{width:auto}#situations .list h6 .counter{font-family:'Playfair Display', serif;margin-left:0.5rem;line-height:1;width:4em;height:4em;color:white;display:inline-block;background:#aaa;border-radius:50%;text-align:center;position:relative;z-index:1;vertical-align:-1.3em}#situations .list h6 .counter *{position:absolute;transform:translateX(-50%)}#situations .list h6 .counter::before{content:"/";left:50%;top:50%;position:absolute}#situations .list h6 .index{font-size:3em;left:38%;bottom:38%}#situations .list h6 .length{font-size:1.5em;right:8%;bottom:20%}#situations .list h3::before,#situations .list p span::before{content:"";position:absolute;height:100%;top:0;transition:width 1s cubic-bezier(0.55, 0.05, 0.22, 0.99)}#situations .list h3{background:#ee827c url(images/nanako.svg);position:relative;background-attachment:fixed;display:inline-block}#situations .list h3 img{width:auto}#situations .list h3::before{background:#ee827c url(images/nanako.svg);background-attachment:fixed;transition-delay:0.1s}#situations .list p{font-weight:bold}#situations .list p span{display:inline-block;position:relative}#situations .list p span::before{background:white;transition-delay:0.5s}#tsugaru-nuri .carousel-item img{width:100%;height:auto;display:block}#tsugaru-nuri .description{margin-top:3em;max-width:1280px;margin-left:auto;margin-right:auto}@media screen and (max-width: 720px){#tsugaru-nuri .description{width:calc(100% - 3em)}}@media screen and (min-width: 721px){#tsugaru-nuri .description{width:calc(100% - 128px)}}#process .section-content{background:url(/images/process/bg.jpg) no-repeat top center/100% auto}#process .preface{padding-top:5vw;max-width:1280px;margin-left:auto;margin-right:auto}@media screen and (max-width: 720px){#process .preface{width:calc(100% - 3em)}}@media screen and (min-width: 721px){#process .preface{width:calc(100% - 128px)}}#process .preface h3{width:50%}#process .preface img{max-width:360px;height:auto;width:100%;display:block;margin:0 0 0 auto}#process ul{margin-top:4em}#process h4{padding-bottom:1.25em}#process h4::after{bottom:0}@media screen and (max-width: 720px){#process h4::after{right:calc(100% - 180px)}}@media screen and (min-width: 721px){#process h4::after{right:calc(100% - 200px)}}#process h4 img{height:4em;width:auto}#maker .section-content{max-width:1280px;margin-left:auto;margin-right:auto}@media screen and (max-width: 720px){#maker .section-content{width:calc(100% - 3em)}}@media screen and (min-width: 721px){#maker .section-content{width:calc(100% - 128px)}}#maker .greetings img{height:auto;display:block}#maker address{font-family:'Hiragino Mincho ProN', 'Noto Serif JP', 'Yu Mincho', serif;font-weight:bold;text-align:right;font-style:normal;font-size:1.125em}#maker aside{background-color:#F4F2EA;background-repeat:no-repeat;background-size:100% auto;background-position:top center;padding-top:55%;margin-top:2em}#maker aside h6{text-align:center;margin-bottom:1em}#maker aside h6 img{max-width:75%;width:320px;height:auto}#maker aside .content{font-size:0.875em;position:relative;line-height:1.75}#maker aside p{margin:0}#maker aside table{margin:1em auto 0}#maker aside th{text-align:left}#maker aside td{padding-left:1em}#maker aside .map{position:relative;margin-top:2em}#maker aside .map iframe{position:absolute;width:100%;height:100%;left:0;top:0}#footer-cut{max-width:1280px;margin-left:auto;margin-right:auto}@media screen and (max-width: 720px){#footer-cut{width:calc(100% - 3em)}}@media screen and (min-width: 721px){#footer-cut{width:calc(100% - 128px)}}#footer-cut img{width:110%;height:auto;margin-left:-7%;margin-top:8em;display:block}#footer{text-align:center;margin-top:8em}#footer .inner{max-width:1280px;margin-left:auto;margin-right:auto}@media screen and (max-width: 720px){#footer .inner{width:calc(100% - 3em)}}@media screen and (min-width: 721px){#footer .inner{width:calc(100% - 128px)}}#footer h2 img{max-width:100%}#footer .buy-nanako{margin-top:2em}#footer address{font-size:0.75em;margin:3rem}
/*# sourceMappingURL=style.css.map */