@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500&display=swap");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{font-size:14px;font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;font-weight:500;color:#111;letter-spacing:0.05em;min-width:1100px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before{content:"";content:none}q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}button{border:none;background-color:transparent;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=password],input[type=text]{background-color:transparent;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}select,textarea{background-color:transparent;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{margin:0;border-radius:0;border:none}input[type=checkbox],input[type=password],input[type=text]{margin:0;border-radius:0;border:none}select,textarea{margin:0;border-radius:0;border:none}input[type=checkbox]{padding:0;outline:none;background-color:transparent;cursor:pointer}a{cursor:pointer;color:inherit;text-decoration:none}.sp{display:none}header{position:relative;padding-top:600px}header #kv{position:absolute;top:0;left:0;width:100%;height:100%}header #kv div{height:100%}header #kv .slide.image1{background:url("../images/main.jpg") center/cover no-repeat}header #kv .slide.image2{background:url("../images/main2.jpg") center/cover no-repeat}header h1{position:absolute;top:50%;left:50%;margin-top:-120px;margin-left:-600px;z-index:1}header:before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:110px;background:#006934;background:linear-gradient(0deg, rgba(0,105,52,0) 0%, #006934 100%);opacity:0.8;z-index:1;mix-blend-mode:multiply}header:after{content:"";display:block;position:absolute;top:-240px;left:50%;width:0;height:0;margin-left:-1430px;border-style:solid;border-width:500px 0 500px 2000px;border-color:transparent transparent transparent #006934;transform:rotate(-32deg);mix-blend-mode:multiply;opacity:0.8}header nav{position:absolute;top:0;right:0;z-index:1;width:100%}header nav ul{padding-right:30px;display:flex;justify-content:flex-end}header nav ul li{margin-left:10px}header nav ul li a{padding:24px;display:inline-block;font-size:16px;font-weight:600;color:#fff;letter-spacing:0.2em}main{padding-bottom:100px;overflow:hidden}.inner{position:relative;margin:auto;box-sizing:border-box;max-width:1100px}section h2{padding-top:78px;position:absolute;top:0;left:0;color:#fff;font-family:'Source Sans Pro', sans-serif;writing-mode:vertical-rl;font-size:32px;letter-spacing:0.1em}section h2:after{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:#fff}#philosophy{background:url("../images/philosophy.svg") center/cover no-repeat;font-family:'Noto Serif JP' ,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif}#philosophy .inner{padding:120px 50px 120px 120px}#philosophy h2{padding-top:140px;color:#006934}#philosophy h2:after{background:#006934}#philosophy p{font-size:26px;text-align:center;color:#006934;line-height:2}#philosophy p.title{margin-bottom:0.5em;font-size:38px;font-weight:bold;line-height:1.5;letter-spacing:0.1em}#origin{background:#006934;color:#fff;font-size:22px}#origin .inner{padding:100px 50px 100px 120px}#origin h2{padding-top:100px}#origin h2:after{background:#fff}#origin p{line-height:2}#works{background:#B08F41}#works .inner{padding:100px 50px 78px 0}#works h2{padding-top:100px}#works ul{margin-left:120px}#works ul li{position:relative;padding:50px;margin-bottom:30px;background:#fff;font-size:16px;font-weight:bold}#works ul li h3{font-size:22px}#works ul li p{margin-top:10px}#works ul li:before{position:absolute;content:"";top:-2px;left:-2px;width:0;height:0;border-style:solid;border-width:20px 20px 0 0;border-color:#B08F41 transparent transparent transparent}#works ul li:after{position:absolute;content:"";bottom:-2px;right:-2px;width:0;height:0;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent #B08F41 transparent}#company .inner{padding:152px 50px 0 0}#company .inner h2{padding-top:152px;color:#B08F41}#company .inner h2:after{background:#B08F41}#company .outline{margin-left:120px}#company .outline .logo{padding-bottom:20px;margin-bottom:50px;border-bottom:1px solid}#company .outline dl{display:flex;flex-wrap:wrap;font-size:18px}#company .outline dl dt{margin-bottom:50px;padding-right:60px;width:200px;font-weight:bold;text-align-last:justify}#company .outline dl dd{margin-bottom:50px;width:730px}#company iframe{margin:50px auto 100px;display:block;width:1000px}#company #contact{position:relative;box-sizing:border-box;padding:15px;margin:auto;width:800px;display:block;background:#006934;text-align:center;color:#fff;font-family:'Source Sans Pro', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif}#company #contact .title{font-size:38px;letter-spacing:0.1em}#company #contact .mail{margin:0.5em auto;font-size:29px;letter-spacing:0.1em}#company #contact:after{position:absolute;top:50%;right:30px;transform:translateY(-50%);content:"";width:32px;height:70px;background:url("../images/contact_arrow.svg") center/100% no-repeat}footer{padding:30px;background:#333333;color:#fff;text-align:center}@media screen and (max-width: 767px){.sp{display:block}img{max-width:100%}body{min-width:inherit;width:100%}main{padding-bottom:15%}header{padding-top:100%}header h1{position:absolute;top:50%;left:6%;margin-top:0;margin-left:0;transform:translate(0, -50%);z-index:1;width:300px}header:before{display:none}header:after{content:"";display:block;position:absolute;top:50%;left:50%;width:0;height:0;margin-left:0;border-style:solid;border-width:500px 0 500px 2000px;border-color:transparent transparent transparent #006934;transform:rotate(-22deg) translate(-62%, -85%);mix-blend-mode:multiply;opacity:0.8}header nav{position:fixed;top:0;right:auto;left:-100%;width:50vw;height:100%;padding:30px 0 0 20px;transition:left 400ms ease-out;background-color:#006934;visibility:visible;pointer-events:auto}header nav ul{margin-top:25%;display:block}header nav ul li{margin-left:0;margin-bottom:10%;font-size:18px;text-align:right}header nav ul li:after,header nav ul li:before,header nav ul li:last-child:after{display:none}header nav ul li a{padding:6px 15px;font-size:16px;letter-spacing:0.1em;border-radius:0 0 6px 6px}header nav.fixed{top:52px;left:auto;width:50vw}header #kv .slide.image2{background:url("../images/main2.jpg") right/cover no-repeat}header #menu{display:block;position:fixed;top:0;left:0;width:45px;height:45px;color:#fff;z-index:100;transform:translateZ(0);background:#006934}header #menu span{position:absolute;left:7px;width:30px;height:2px;background-color:#fff;transition:all 300ms ease-in-out}header #menu span:nth-child(1){top:12px}header #menu span:nth-child(2){top:22px}header #menu span:nth-child(3){top:32px}header.show nav{left:0;-webkit-transform:translate3d(0, 0, 0)}header.show #menu{background:#fff}header.show #menu span{background-color:#006934}header.show #menu span:nth-child(1){top:22px;transform:rotate(135deg)}header.show #menu span:nth-child(2){left:-50px;opacity:0}header.show #menu span:nth-child(3){top:22px;transform:rotate(-135deg)}section h2{padding-top:12%;font-size:26px;left:5%}#philosophy{background:url("../images/philosophy.svg") right/cover no-repeat}#philosophy .inner{padding:14% 6%}#philosophy h2{margin-bottom:5%;border-bottom:2px solid;position:relative;left:0;padding-top:0;color:#006934;letter-spacing:0.05em;writing-mode:inherit;text-align:center}#philosophy h2:after{display:none}#philosophy p{font-size:14px;line-height:2;font-weight:normal}#philosophy p.title{font-size:20px;font-weight:bold}#origin{font-size:12px}#origin .inner{padding:10% 6% 10% 24%}#origin h2{padding-top:17%;min-height:5em}#works .inner{padding:12% 6% 6% 0}#works h2{padding-top:12%;min-height:5em}#works ul{margin-left:26%}#works ul li{padding:5% 7%;margin-bottom:6%;font-size:12px}#works ul li h3{font-size:14px}#company .inner{padding:12% 6% 0 0}#company .inner h2{padding-top:12%;min-height:7em}#company .outline{margin-left:26%}#company .outline .logo{padding-bottom:2%;margin-bottom:10%;width:100%;border-bottom:1px solid}#company .outline .logo img{width:80%}#company .outline dl{font-size:14px}#company .outline dl dt{margin-bottom:1%;padding-right:0;width:100%;text-align-last:left;letter-spacing:0.5em}#company .outline dl dd{margin-bottom:10%;width:100%}#company iframe{margin:5% auto 15%;display:block;width:90%;height:270px}#company #contact{width:90%}#company #contact .title{font-size:28px}#company #contact .mail{font-size:22px}#company #contact:after{right:12px;content:"";width:16px;height:35px}}
/*# sourceMappingURL=sourcemaps/style.css.map */