html{font-size:100%;font-size:62.5%}body{font-family:"Noto Sans JP","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;font-weight:400;color:#222}*{box-sizing:border-box;padding:0;margin:0;background-repeat:repeat}img{max-width:100%;height:auto}li{list-style:none}a:link,a:visited{opacity:1;transition:opacity 2s}a:hover,a:active{opacity:.5;transition:opacity 1s}.header{height:7em}.header.home-head{height:0}.header.home-head nav{background:none}.header.home-head nav h1{color:#fff}.header.home-head nav h1 a{color:#fff}.header.home-head nav .head-nav-btn svg{fill:#fff}.header nav{position:fixed;width:100%;padding:2.8em 5.6em 2.8em 2em;background:rgba(255,255,255,.9);z-index:80}.header a{text-decoration:none;color:initial}.header h1{font-size:14px;font-size:1.4rem;line-height:1;letter-spacing:.5em;font-family:"Roboto"}.header .head-nav-btn{position:absolute;top:.7em;right:0}.header .head-nav-btn svg{fill:#222;transition:.5s}.header .head-nav-btn:hover{cursor:pointer}.header .head-nav{display:none}.header .head-nav ul{display:flex;flex-direction:column;justify-content:center;position:fixed;left:0;top:0;width:100%;height:100vh;height:100mvh;background:rgba(34,34,34,.9);z-index:90}.header .head-nav ul li{margin-top:0.625em;font-size:16px;font-size:1.6rem;font-family:"Roboto";text-align:center;letter-spacing:.5em;line-height:1}.header .head-nav ul li:first-child{margin:0}.header .head-nav ul li a{padding:0.937em;color:#fff;display:block}.is-nav-open .head-nav-btn{z-index:100}.is-nav-open .head-nav-btn svg{fill:#fff;transition:.5s}@media only screen and (min-width: 1024px){.header{height:10em}.header.home-head .head-nav ul li a{color:#fff}.header nav{padding:4em 6em}.header h1{font-size:20px;font-size:2rem}.header .head-nav-btn{display:none}.header .head-nav{display:none;display:block}.header .head-nav ul{flex-direction:row;justify-content:flex-end;position:absolute;left:auto;right:6em;top:4.3em;width:auto;height:auto;background:none}.header .head-nav ul li{margin:0 0 0 2.857em;font-size:14px;font-size:1.4rem;letter-spacing:.1em}.header .head-nav ul li:first-child{margin:0}.header .head-nav ul li a{padding:0;color:#222}}.foot{height:10em;background:#222;color:#fff;display:flex;justify-content:center;align-items:center}.foot p small{font-size:11px;font-size:1.1rem}@media only screen and (min-width: 1024px){.foot{height:16em}}.top{border:solid 3px red}.home-slide-over .slick-slider li img{height:calc(100vh - 6.5em) !important;width:auto !important}.home{padding:0;height:100vh;overflow:hidden}.home .slick-slider{width:100vw;background:#222}.home .slick-slider::after{content:"";position:absolute;top:0;display:block;background:rgba(0,0,0,0);background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);width:100%;height:18em}.home .slick-slider li{position:relative;display:flex;justify-content:center;align-items:center;height:calc(100vh - 6.5em);height:calc(100mvh - 6.5em);overflow:hidden}.home .slick-slider li .home-inner{position:absolute;display:flex;flex-direction:column;justify-content:center;background:rgba(0,0,0,.5);height:24em;width:24em;padding:2em;color:#fff;line-height:1;letter-spacing:.3em;font-family:"Roboto";width:400}.home .slick-slider li .ttl{display:block;margin-bottom:1.111em;font-size:18px;font-size:1.8rem;letter-spacing:.3em}.home .slick-slider li .year{display:block;font-size:14px;font-size:1.4rem;letter-spacing:.3em}.home .slick-slider li a{display:inline-block;margin-top:1.666em;width:fit-content;padding:0.416em 0;font-size:12px;font-size:1.2rem;text-decoration:none;color:inherit;border-bottom:solid 1px #fff;letter-spacing:.3em}.home .slick-slider li img{width:100vw;height:auto;max-width:none;max-height:none}.home .thumbs_dots{margin:0;background:#222}.home .thumbs_list{display:grid;width:100vw;grid-template-columns:repeat(8, 1fr);grid-column-gap:0;grid-row-gap:0}.home .thumbs_list li{font-size:10px;font-size:1rem;padding-top:6.5em;opacity:.5;cursor:pointer;transition:opacity .3s;background-position:50% 50% !important}.home .thumbs_list li.slick-active{opacity:1}@media only screen and (min-width: 768px){.home .slick-slider{width:100vw}.home .slick-slider li{height:calc(100vh - 12em);height:calc(100mvh - 12em)}.home .thumbs_list li{padding-top:12em}}@media only screen and (min-width: 1024px){.home .slick-slider li{justify-content:flex-end;align-items:flex-end}.home .slick-slider li .home-inner{margin-bottom:6em;position:absolute;display:flex;flex-direction:column;justify-content:center;height:auto;width:25vw;min-width:48em;padding:3em 6em}.home .slick-slider li .ttl{margin-bottom:0.535em;font-size:28px;font-size:2.8rem}.home .slick-slider li .year{font-size:14px;font-size:1.4rem}.home .slick-slider li a{margin-top:1.428em;padding:0.357em 0;font-size:14px;font-size:1.4rem}.home .thumbs_list{width:100vw}}.product{min-height:calc(100vh - 17em);padding:0 2em 8em 2em}.product h1{margin-top:2.083em;font-size:24px;font-size:2.4rem;line-height:1;letter-spacing:.3em;font-family:"Roboto";width:400}.product .year{margin-top:1.363em;font-size:11px;font-size:1.1rem;font-family:"Roboto";line-height:1}.product .con-jp,.product .con-en{margin-top:4em}.product .con-jp p,.product .con-en p{font-size:11px;font-size:1.1rem;line-height:2.27}.product .con-jp p+p,.product .con-en p+p{margin-top:0.909em}.product .con-rcg{margin-top:4em}.product .con-rcg dt{display:inline-block;padding-bottom:0.909em;margin-bottom:0.909em;font-size:11px;font-size:1.1rem;letter-spacing:.1em;line-height:1;border-bottom:solid 1px #222}.product .con-rcg dd{font-size:11px;font-size:1.1rem;line-height:1.8;position:relative;margin-top:0.454em;padding-left:1em}.product .con-rcg dd::before{content:"・";position:absolute;left:-0.25em}.con-imgs{margin:0 -2em;z-index:0}.slick-track img{width:100%;height:auto}.slick-prev,.slick-next{position:absolute;top:0;top:calc(50% - 3em);font-size:10px;font-size:1rem;z-index:1;width:4em;height:0;padding-top:6em;overflow:hidden;border:0;background:none}.slick-prev::before,.slick-next::before{position:absolute;top:2.4em;content:"";display:block;width:1.2em;height:1.2em;border-top:solid 2px #fff;border-right:solid 2px #fff;border-radius:1px}.slick-prev:hover,.slick-next:hover{cursor:pointer}.slick-prev{left:0}.slick-prev::before{transform:rotate(-135deg);left:1.2em}.slick-next{right:0}.slick-next::before{transform:rotate(45deg);right:1.2em}.thumbs_dots{margin:1px 0 0 0}.thumbs_list{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:0;grid-row-gap:0}.thumbs_list li{padding-top:56.25%;opacity:.5;cursor:pointer;transition:opacity .3s;background-position:50% 50% !important}.thumbs_list li.slick-active{opacity:1}.con-imgs-credit{font-size:10px;font-size:1rem;padding:1em 2em 0 2em;text-align:right;color:#999}@media only screen and (min-width: 1024px){.product{min-height:calc(100vh - 26em);padding:0 6em 12em 6em}.product h1{margin-top:4.166em}.product .year{margin-top:1.25em;font-size:12px;font-size:1.2rem}.product .row{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:6em}.product .con-jp p,.product .con-en p{font-size:12px;font-size:1.2rem;line-height:2.27}.product .con-rcg{margin-top:4em}.product .con-rcg dt{padding-bottom:0.833em;margin-bottom:0.833em;font-size:12px;font-size:1.2rem}.product .con-rcg dd{font-size:12px;font-size:1.2rem;margin-top:0.416em}.con-imgs{margin:0}.slick-prev::before{left:2em}.slick-next::before{right:2em}.thumbs_list{grid-template-columns:repeat(8, 1fr)}.con-imgs-credit{padding:1em 0 0 0}}.projects{min-height:calc(100vh - 17em)}.projects ul{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0}.projects li{overflow:hidden}.projects li img{width:100%;height:auto;transform:scale(1);transition:opacity 2s,transform 2s}.projects li img:hover{transform:scale(1.1);transition:opacity 1s,transform 1s}@media only screen and (min-width: 1024px){.projects{min-height:calc(100vh - 26em)}.projects ul{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:0;grid-row-gap:0}}.about{min-height:calc(100vh - 17em);padding:0 2em 8em 2em}.about-img{margin-bottom:5em}.about-img img{width:100%;height:auto;max-width:100%}.about-txt h1{font-size:24px;font-size:2.4rem;line-height:1;font-weight:400;letter-spacing:.3em}.about-txt .kana{margin-top:1.363em;font-size:11px;font-size:1.1rem;font-family:"Roboto";line-height:1;letter-spacing:.1em}.about-txt .con-jp,.about-txt .con-en{margin-top:4em}.about-txt .con-jp p,.about-txt .con-en p{font-size:11px;font-size:1.1rem;line-height:2.27}.about-txt .con-jp p+p,.about-txt .con-en p+p{margin-top:0.909em}.about-txt p.note{padding-top:4em;font-size:10px;font-size:1rem;color:#999}.about-txt .con-rcg{margin-top:4em}.about-txt .con-rcg dt{display:inline-block;padding-bottom:0.909em;margin-bottom:0.909em;font-size:11px;font-size:1.1rem;letter-spacing:.1em;line-height:1;border-bottom:solid 1px #222}.about-txt .con-rcg dd{font-size:11px;font-size:1.1rem;line-height:1.8;position:relative;margin-top:0.454em;padding-left:1em}.about-txt .con-rcg dd::before{content:"・";position:absolute;left:-0.25em}@media only screen and (min-width: 768px){.about{padding-top:2em}.about-wrap{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:0px;grid-row-gap:0px}.about-txt{padding-left:2em}}@media only screen and (min-width: 1024px){.about{min-height:calc(100vh - 26em);padding:6em 6em 12em 6em}.about-wrap{max-width:75vw;margin:0 auto;display:grid}.about-txt{padding-left:4em}}.contact{min-height:calc(100vh - 17em);padding:0 2em 8em 2em}.contact h2{margin-top:2em;font-size:20px;font-size:2rem;line-height:1;font-weight:700;letter-spacing:.3em;font-family:"Roboto"}.contact .contact-wrap{margin:4em 0;padding:2em 2em 4.5em 2em;background:#f6f6f6}.contact dt{font-size:13px;font-size:1.3rem;line-height:1;letter-spacing:.15em;margin:1.538em 0 0.769em 0}.contact dt .rep,.contact dt .rep-no{padding:0.1em 0.3em;margin-right:0.5em;vertical-align:0.1em;display:inline-block;font-size:10px;font-size:1rem;color:#fff;background:#ccc;display:none}.contact dt .rep{background:#b64242}.contact dd{font-size:16px;font-size:1.6rem}.contact dd .note{font-size:13px;font-size:1.3rem;margin-top:0.384em;color:#b64242}.contact input[type=text],.contact input[type=email],.contact input[type=tel],.contact textarea{padding:0.625em;font-size:16px;font-size:1.6rem;font-family:"Noto Sans JP","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;font-weight:400;line-height:1.4;display:block;width:100%;background:#f9f9f9;background:#fff;border:solid 1px #ccc;color:#666;border-radius:0.187em}.contact textarea{min-height:12.5em}.contact .row{margin-top:3em;text-align:center}.contact button[type=submit]{min-width:9.23em;padding:1.153em 2.307em;font-size:13px;font-size:1.3rem;letter-spacing:.15em;font-family:"Noto Sans JP","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;background-color:rgba(102,102,102,0);border:solid 1px #666;color:#666;background-color:#666;border:solid 1px #fff;color:#fff;border-radius:0.23em;transition:2s}.contact button[type=submit]+button{margin-left:0.769em}.contact button[type=submit]:hover{background-color:rgba(102,102,102,0);border:solid 1px #666;color:#666;transition:1s;cursor:pointer}.contact button[type=button]{font-size:13px;font-size:1.3rem;margin-top:0.769em;padding:0.384em;color:#666;font-family:"Noto Sans JP","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;background:none;border:none;text-decoration:underline}.contact button[type=button]:hover{text-decoration:none;cursor:pointer}@media only screen and (min-width: 768px){.contact{padding-top:2em}}@media only screen and (min-width: 1024px){.contact{min-height:calc(100vh - 26em);padding:6em 6em 12em 6em}}