html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@media (max-width: 1024px){.pc{display:none}}.tab{display:none}@media (max-width: 1024px){.tab{display:block}}.sp{display:none}@media (max-width: 800px){.sp{display:block}}.disnone{display:none}html{opacity:0;animation:opacityFadein 1s forwards;background:#f5f5f5}body{font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;color:#000;font-size:16px;line-height:1.6;letter-spacing:.05em;background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}@media (max-width: 1024px){body{font-size:15px}}@media (max-width: 800px){body{font-size:14px}}@-webkit-keyframes opacityFadein{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}100%{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}}@-moz-keyframes opacityFadein{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}100%{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}}@keyframes opacityFadein{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}100%{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}}@-webkit-keyframes opacityFadeout{0%{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;visibility:visible}100%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}}@-moz-keyframes opacityFadeout{0%{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;visibility:visible}100%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}}@keyframes opacityFadeout{0%{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;visibility:visible}100%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}a{word-break:break-all;color:#000;text-decoration:none;transition:.2s;text-decoration-skip-ink:none}@media (any-hover: hover){a:hover{opacity:.5}}img{width:100%;height:auto;vertical-align:bottom}.fadeInBlock,.scrollIn{opacity:0;transform:translate(0, 50px)}.fadeInAnime{opacity:1;transform:translate(0, 0);transition:opacity .6s, transform 1.2s}.iframe_embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.iframe_embed iframe,.iframe_embed object,.iframe_embed embed{position:absolute;top:0;left:0;width:100%;height:100%}#header{position:fixed;z-index:calc(infinity);top:0;left:0;padding:16px 40px;background:#fff;display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:30px;align-items:center;border-bottom-right-radius:20px;box-shadow:0 0 2em rgba(0,0,0,0.1)}#header .site_title{width:145px;position:relative;z-index:calc(infinity)}#header .site_title a{display:block;line-height:0;font-size:0;aspect-ratio:145 / 30;background:url("../img/keicraft-logo.png") center/100% no-repeat}#header .g_nav ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;column-gap:15px}#header .g_nav ul li a{font-family:"Oswald", sans-serif;font-weight:500}#header .g_nav ul li.sns{display:flex;flex-wrap:wrap;justify-content:center;column-gap:.5em}@media (max-width: 800px){#header .g_nav{transition:.5s;opacity:0;visibility:hidden;position:absolute;top:0;left:0;background:rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100vw;height:100vh}#header .g_nav ul{display:block;text-align:center;margin-top:50vh;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}#header .g_nav ul li{padding:.5rem 0}#header .g_nav ul li a{font-size:2.4em;text-shadow:0 0 1em #fff}#header .g_nav ul li.sns{column-gap:1.6em}}#header #menu_btn{display:none}@media (max-width: 800px){#header #menu_btn{display:block;position:fixed;z-index:calc(infinity);top:0;right:0;border-bottom-left-radius:12px;width:50px;height:50px;background:#000;text-indent:-9999px}#header #menu_btn:before,#header #menu_btn:after,#header #menu_btn span{display:block;height:2px;width:23px;background:#fff;position:absolute;left:15px;transition:.2s;transform-origin:left center}#header #menu_btn:before,#header #menu_btn:after{content:""}#header #menu_btn:before{top:16px}#header #menu_btn span{top:50%;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}#header #menu_btn:after{bottom:16px}}@media (max-width: 800px){#header{background:none;box-shadow:none;padding:10px 4%}#header.open #menu_btn span{opacity:0}#header.open #menu_btn:before{-moz-transform:translate(3px, 0) rotate(45deg);-ms-transform:translate(3px, 0) rotate(45deg);-webkit-transform:translate(3px, 0) rotate(45deg);transform:translate(3px, 0) rotate(45deg)}#header.open #menu_btn:after{-moz-transform:translate(3px, 0) rotate(-45deg);-ms-transform:translate(3px, 0) rotate(-45deg);-webkit-transform:translate(3px, 0) rotate(-45deg);transform:translate(3px, 0) rotate(-45deg)}#header.open .g_nav{opacity:1;visibility:visible}}#footer{position:relative;z-index:1;margin-top:auto;background:#222;color:#fff;margin-left:40px;padding:5rem 40px;border-top-left-radius:20px;font-weight:700;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}#footer a{color:#fff}#footer .contact h3,#footer .contact .contact_list{font-family:"Oswald", sans-serif;line-height:1}#footer .contact h3{font-size:5em;opacity:.1;margin-bottom:.3em}#footer .contact .contact_list{font-size:1.6em;display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:30px;align-items:center;margin-bottom:1em}#footer .contact .contact_list i{display:inline-block;font-size:.8em;margin-right:.5em;-moz-transform:translate(0, -0.1em);-ms-transform:translate(0, -0.1em);-webkit-transform:translate(0, -0.1em);transform:translate(0, -0.1em)}#footer .contact .address{font-size:.8em}#footer .contact .address a{display:inline-block;margin-left:.4em}#footer .copyright{font-family:"Oswald", sans-serif;line-height:1;font-weight:400;font-size:.8em}#footer .copyright .site_title{text-align:right;margin-bottom:.8rem}#footer .copyright .site_title a{display:inline-block;width:140px;line-height:0;font-size:0;aspect-ratio:145 / 30;background:url("../img/keicraft-logo-w.png") center/100% no-repeat}@media (max-width: 800px){#footer{margin-left:4%;text-align:center;display:block;padding:3rem 0 5rem;border-right:4vw solid #222;border-top-left-radius:12px}#footer .contact{margin-bottom:4rem}#footer .contact h3{font-size:4.3em}#footer .contact .contact_list{display:block;margin-top:.5em}#footer .contact .contact_list li:not(:last-child){margin-bottom:.6em}#footer .contact .address{display:none}#footer .copyright .site_title{text-align:center}}.wrap{padding:8rem 40px 16rem}@media (max-width: 800px){.wrap{padding:5rem 4% 12rem}}.news{position:relative;margin-bottom:5rem}.news .sec_title{font-family:"Oswald", sans-serif;font-weight:700;font-size:5em;line-height:1;color:#f5f5f5;position:absolute;top:50%;left:-.08em;-moz-transform:translate(0, -55%);-ms-transform:translate(0, -55%);-webkit-transform:translate(0, -55%);transform:translate(0, -55%)}.news .news_desc{position:relative;padding:1.2em .1em;display:grid;grid-template-columns:minmax(6rem, 100px) 1fr;line-height:1.4}.news .news_desc .date{font-family:"Oswald", sans-serif;font-weight:600}.news .news_desc .txt{font-weight:700}.news:before{content:"";display:block;position:absolute;top:0;left:0;margin:0 calc(50% - 50vw);width:100vw;height:100%;background:#fff;z-index:-1}@media (max-width: 800px){.news{margin-bottom:2.5rem}}.works_list{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}.works_list .works_article a{display:block;position:relative}.works_list .works_article a img{display:block;min-width:0;object-fit:cover;aspect-ratio:1 / 1}.works_list .works_article a .title{position:absolute;inset:0;content:'';display:grid;place-items:center;padding:8%;font-size:.9em;line-height:1.4;color:#fff;text-shadow:0 0 1em #000;background:rgba(34,34,34,0.7);transition:.3s;opacity:0}.works_list .works_article a .title:after{content:"DETAIL →";display:block;position:absolute;width:92%;right:0;bottom:0;background:#fff;font-family:"Oswald", sans-serif;text-align:center;color:#000;font-weight:500;line-height:2;border-top-left-radius:.5rem;text-shadow:none}@media (any-hover: hover){.works_list .works_article a:hover{opacity:1}.works_list .works_article a:hover .title{opacity:1}}@media (max-width: 800px){.works_list{grid-template-columns:repeat(2, 1fr);gap:1rem}}@media (max-width: 1024px){.works_list.lower .works_article a .title{opacity:1;background:rgba(34,34,34,0.5)}}@media (max-width: 800px){.works_list.lower{grid-template-columns:1fr}.works_list.lower .works_article a{display:grid;grid-template-columns:1fr 1fr}.works_list.lower .works_article a .title{position:relative;background:#222;min-width:0}.works_list.lower .works_article:nth-child(even) img{order:2}.works_list.lower .works_article:nth-child(even) .title{order:1}}.works_single{max-width:800px;margin:auto;text-align:center}.works_single .works_title{color:#fff;font-size:1.2em;line-height:1.4;font-weight:700;padding:1em 0;position:relative;margin-bottom:3rem}.works_single .works_title:before{content:"";display:block;position:absolute;top:0;left:0;height:100%;margin:0 calc(50% - 50vw);width:100vw;background:#222;z-index:-1}.works_single div{max-height:800px;margin:0 auto 2rem}.works_single div img{display:inline-block}@media (max-width: 800px){.works_single .works_title{margin-bottom:2rem}.works_single img{margin-bottom:1rem}}.page_title{position:fixed;top:-.2em;right:-.1em;font-family:"Oswald", sans-serif;font-weight:600;font-size:10em;color:#fff;line-height:1}@media (max-width: 800px){.page_title{font-size:7em}}.link_button{margin-top:2rem;display:block;text-align:center;font-family:"Oswald", sans-serif;font-weight:600;font-size:1.2em;background:#fff;line-height:2.6;transition:.2s}.link_button i{margin-top:1rem;font-size:.8em;-moz-transform:translate(0, -0.13em);-ms-transform:translate(0, -0.13em);-webkit-transform:translate(0, -0.13em);transform:translate(0, -0.13em)}@media (any-hover: hover){.link_button:hover{opacity:1;background:#222;color:#fff}}.about .about_lead{position:relative;padding:1.2em .1em;font-size:1.4em;line-height:1.4;font-weight:700;text-align:center;margin-bottom:5rem;font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;font-style:italic;font-weight:700}@media (max-width: 800px){.about .about_lead{margin-bottom:3rem}}.about .about_lead h3{max-width:800px;margin:auto}.about .about_lead h3:before{content:"”"}.about .about_lead h3:after{content:"”"}.about .about_lead:before{content:"";display:block;position:absolute;top:0;left:0;margin:0 calc(50% - 50vw);width:100vw;height:100%;background:#fff;z-index:-1}.about .about_list{max-width:800px;margin:auto}.about .about_list dl{display:block grid;grid-template-columns:minmax(max-content, 20%) 1fr;margin-top:-1.6rem}.about .about_list dl dt{font-weight:700;border-bottom:2px solid #222;padding:1.6rem 1em 1.6rem .4em}.about .about_list dl dd{border-bottom:2px solid #ccc;padding:1.6rem .4em}.about .about_list dl dd a{text-decoration:underline}@media (any-hover: hover){.about .about_list dl dd a:hover{opacity:1;text-decoration:none}}