*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:100%;background-color:#fff;color-scheme:light;-webkit-text-size-adjust:100%;overflow-wrap:anywhere}body{min-height:100dvh;color:#333;overflow-x:hidden;font:14px/1.6 "Klee One","YuMincho","Hiragino Mincho ProN",serif;background-color:#fff;text-rendering:optimizeLegibility;padding:0;margin:0}a,a:link,a:visited,a:active{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img,svg,video,canvas,audio,iframe{display:block;max-inline-size:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit;background:rgba(0,0,0,0);border:0}textarea{resize:vertical}input,select{vertical-align:middle}button{cursor:pointer;line-height:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:1em}mark{background-color:#ff0}small{font-size:80%}table{border-collapse:collapse;border-spacing:0}th,td{padding:0}dd,ul,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}img{display:block;width:100%}body.error404{background-color:#121212;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text404{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10;color:#ccc;text-align:center;font-family:sans-serif;white-space:nowrap}.text404 strong{font-size:80px;line-height:1.2;font-weight:bold;display:inline-block;text-indent:-0.08em}@media(max-width: 600px){.text404 strong{font-size:45px}}.text404 p{font-size:16px;font-weight:bold;line-height:1.2}.text404 a,.text404 a:link{margin-top:40px;font-size:14px;line-height:1.2;white-space:normal;display:inline-block;height:2.5em;line-height:2.5em;width:auto;padding:0 1.5em;background-color:#333 !important;color:#ccc !important;-webkit-transition:.2s;transition:.2s}.text404 a:hover,.text404 a:link:hover{color:#333 !important;background-color:#ccc !important;text-decoration:none}.text404 a,.text404 a:link{border-radius:100em;overflow:hidden;font-weight:normal}html{scroll-behavior:smooth}body{padding-top:90px}@media(max-width: 1400px){body{padding-top:76px}}@media(max-width: 1023px){body{padding-bottom:46px;padding-top:65px}}:root{--font-30: clamp(24px, -12px + 3vw, 30px);--font-24: clamp(20px, -4px + 2vw, 24px);--font-20: clamp(18px, 6px + 1vw, 20px);--font-18: clamp(16px, 4px + 1vw, 18px);--font-16: clamp(14px, 2px + 1vw, 16px);--gap: clamp(70px, -110px + 15vw, 100px);--font-noto: "Noto Sans JP", sans-serif;--font-libre: "Libre Baskerville", serif}@media(max-width: 767px){:root{--gap: 55px}}.more-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}.more{margin-top:50px}.more.back button{background-color:#5a5a5a}.more button{background-color:#000;color:#fff;padding:10px 20px;font-size:var(--font-18);width:40vw;max-width:200px;display:block;font-weight:600}.more a{text-decoration:none;width:62%;max-width:270px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--font-libre);text-transform:uppercase;position:relative;-webkit-box-shadow:0 1px 0 0 #000;box-shadow:0 1px 0 0 #000;will-change:box-shadow;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease}@media(pointer: fine){.more a:hover{-webkit-box-shadow:0 3px 0 0 #000;box-shadow:0 3px 0 0 #000}.more a:hover .arrow{background-position:50% 50%,50px 50%}}.more .arrow{width:50px;height:50px;background-image:url(../img/arrow-right.webp),url(../img/arrow-right.webp);background-size:12px auto,12px auto;background-repeat:no-repeat,no-repeat;background-position:-50px 50%,50% 50%;position:relative;will-change:background-position;-webkit-transition:background-position .3s ease;transition:background-position .3s ease}.more .arrow:before{content:"";display:block;height:16px;width:1px;background-color:#000;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0}@media(max-width: 767px){.more{margin-top:30px}}@media(max-width: 767px){.sp{display:none}}.inner{width:1440px;padding:0 20px;margin:auto}@media(max-width: 1440px){.inner{width:95vw}}@media(max-width: 767px){.inner{width:100%}}.figcaption{text-align:right;font-size:var(--font-16) !important;margin-top:10px;line-height:1.8 !important}.figcaption span{font-family:var(--font-libre);font-weight:400;display:block}.sec-ttl{line-height:1.4;margin-bottom:45px}.sec-ttl h3{font-size:var(--font-24);font-weight:600;color:#666}.sec-ttl h2{font-weight:500;font-size:clamp(48px,-24px + 6vw,60px);text-transform:uppercase;font-family:var(--font-libre);font-weight:500;line-height:1.2;margin-top:5px}@media(max-width: 767px){.sec-ttl{margin-bottom:30px}.sec-ttl h3{font-size:16px}.sec-ttl h2{font-size:min(48px,9.3vw)}}.site-header{position:fixed;left:0;width:100%;z-index:101;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;top:0}.site-header.active .menu-btn{background-color:#fff}.site-header.active .menu-btn:before,.site-header.active .menu-btn:after{background-color:#000}.site-header.active .menu-btn:before{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.site-header.active .menu-btn::after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.site-header.active~.dropdown-menu{-webkit-transform:translateY(0);transform:translateY(0)}.site-header a{display:block;text-decoration:none}.site-header .menus{text-transform:uppercase;font-size:var(--font-18);font-family:var(--font-libre)}.site-header .menus a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:relative;will-change:color;-webkit-transition:color .2s;transition:color .2s}@media(pointer: fine){.site-header .menus a:hover{color:#d8924e}}.site-header .menus span{display:block;padding:0 40px;border-left:1px solid #000;line-height:1}.site-header ul{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.site-header li{list-style:none}.site-header .logo{width:290px;margin-left:30px}.site-header .right{display:-webkit-box;display:-ms-flexbox;display:flex}.site-header .tel{position:relative;background-color:#ededed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;height:90px;padding:0 20px;font-size:clamp(22px,-2px + 2vw,26px);font-weight:700;font-family:var(--font-noto)}.site-header .tel svg{width:1em;height:1em}.site-header .tel a{position:absolute;width:100%;height:100%;left:0;top:0}.site-header .menu-btn{background-color:#000;position:relative;border-radius:5px;width:35px;height:35px;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:none}.site-header .menu-btn:before,.site-header .menu-btn:after{content:"";display:block;width:18px;height:2px;background-color:#fff;top:50%;left:50%;position:absolute;will-change:background-color,opacity,transform;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.site-header .menu-btn:before{-webkit-transform:translate(-50%, calc(-50% - 4px));transform:translate(-50%, calc(-50% - 4px))}.site-header .menu-btn:after{-webkit-transform:translate(-50%, calc(-50% + 4px));transform:translate(-50%, calc(-50% + 4px))}@media(max-width: 1400px){.site-header .tel{height:76px}.site-header .logo{width:240px}}@media(max-width: 1200px){.site-header .logo{width:200px;margin-left:20px}.site-header .menus span{padding:0 30px}}@media(max-width: 1023px){.site-header .logo{width:180px}.site-header .menus{font-size:var(--font-16)}.site-header .menus span{padding:0 20px}.site-header .tel{font-size:18px;padding:0 15px;height:65px}}@media(max-width: 767px){.site-header{padding-top:20px;padding-bottom:20px}.site-header .menu-btn{display:block}.site-header .right{display:none}}.site-footer{background-color:#1f1f1f;color:#fff}.site-footer .logo{width:70%;max-width:300px}.site-footer a{display:block;text-decoration:none}.site-footer .inner{padding:50px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.site-footer .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:40px}.site-footer .contact-way{font-family:var(--font-noto);margin:30px 0 40px}.site-footer .contact-way svg{width:20px;height:20px}.site-footer .contact-way li{display:grid;grid-template-columns:25px auto;gap:10px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-footer .contact-way li:not(:last-child){margin-bottom:5px}.site-footer .contact-way .tel{font-size:var(--font-24)}.site-footer .contact-way a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.site-footer .sub-menus{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:var(--font-libre);text-transform:uppercase;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;border-right:1px solid #fff;line-height:1;font-size:var(--font-16)}.site-footer .sub-menus li{border-left:1px solid #fff}.site-footer .sub-menus a{display:block;padding:0 40px;will-change:opacity;-webkit-transition:opacity .2s;transition:opacity .2s}.site-footer .sub-menus a:hover{opacity:.8}.site-footer .btn-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.site-footer .btn-links ul{width:100%}.site-footer .btn-links li{margin-bottom:15px}.site-footer .btn-links a{background-color:#fff;color:#000;padding:10px 20px;font-size:var(--font-18);font-weight:600;position:relative;will-change:background-color,color;-webkit-transition:all .3s;transition:all .3s}.site-footer .btn-links a:hover{background:#000;color:#fff}.site-footer .btn-links svg{width:1em;height:1em;font-size:1.2em;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.site-footer .socials ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.site-footer .socials a{display:block;width:35px;height:35px;will-change:transform;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.site-footer .socials a:hover{-webkit-transform:scale(0.8);transform:scale(0.8)}.site-footer .copyright{text-align:center;padding:20px;border-top:1px solid #404040}.site-footer ul{list-style:none}@media(max-width: 1023px){.site-footer .socials a{width:30px;height:30px}}@media(max-width: 767px){.site-footer .contact-way{margin-bottom:0}.site-footer .btn-links{width:100%}.site-footer .socials{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:30px;width:100%}.site-footer .socials ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-footer .inner{position:relative;gap:30px;padding-bottom:90px}.site-footer .sub-menus{display:grid;width:100%;grid-template-columns:repeat(2, 1fr);text-align:center}.site-footer .sub-menus a{padding:0 20px}.site-footer .left{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-footer .right{width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.dropdown-menu{position:fixed;width:100%;left:0;top:0;z-index:100;background-color:#fff;-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);box-shadow:0 0 8px rgba(0,0,0,.2);-webkit-transform:translateY(-101%);transform:translateY(-101%);-webkit-transition:opacity .35s ease,-webkit-transform .5s ease;transition:opacity .35s ease,-webkit-transform .5s ease;transition:transform .5s ease,opacity .35s ease;transition:transform .5s ease,opacity .35s ease,-webkit-transform .5s ease;will-change:transform,opacity}.dropdown-menu .wrap{padding:80px 20px 35px;height:100vh;overflow-y:auto}.dropdown-menu .menus{border-top:1px solid #ccc}.dropdown-menu .menus a{padding:12px 0;text-decoration:none;border-bottom:1px solid #ccc;display:block;position:relative}.dropdown-menu .menus a:before{content:"";display:block;width:14px;height:14px;background:url(../img/arrow-right.webp) center/contain no-repeat;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dropdown-menu .menus span{display:block}.dropdown-menu .menus span:nth-child(1){font-size:14px;font-weight:600;color:#666}.dropdown-menu .menus span:nth-child(2){font-size:var(--font-18);font-family:var(--font-libre);text-transform:uppercase}.dropdown-menu ul{list-style:none}.dropdown-menu .btn-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dropdown-menu .btn-links ul{width:100%}.dropdown-menu .btn-links li{margin-bottom:15px}.dropdown-menu .btn-links a{background-color:#000;color:#fff;padding:10px 20px;font-size:var(--font-18);font-weight:600;position:relative;will-change:background-color,color;-webkit-transition:all .3s;transition:all .3s;display:block}.dropdown-menu .btn-links a:hover{background:#000;color:#fff}.dropdown-menu .btn-links svg{width:1em;height:1em;font-size:1.2em;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dropdown-menu .socials{margin-bottom:35px}.dropdown-menu .socials ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.dropdown-menu .socials a{display:block;width:35px;height:35px;will-change:transform;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.dropdown-menu .socials a:hover{-webkit-transform:scale(0.8);transform:scale(0.8)}.dropdown-menu .contact-way{font-family:var(--font-noto);margin:35px 0}.dropdown-menu .contact-way svg{width:20px;height:20px}.dropdown-menu .contact-way li{display:grid;grid-template-columns:25px auto;gap:10px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dropdown-menu .contact-way li:not(:last-child){margin-bottom:5px}.dropdown-menu .contact-way .tel{font-size:var(--font-24)}.dropdown-menu .contact-way a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.hero-container{height:calc(100vh - 90px);background-color:#ead794;position:relative}.hero-container .crane{width:50%;max-width:400px;position:absolute;right:0;bottom:0;-webkit-transform:translateY(30%);transform:translateY(30%)}.hero-container #scene{width:100%;height:100%;overflow:hidden}.hero-container .layer{height:100%;width:100%;padding:0px;margin:0px;position:absolute}.hero-container .layer.layer1{z-index:10}.hero-container .layer.layer3{z-index:9}.hero-container .layer.layer2{z-index:8}.hero-container .layer div{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.hero-container .background{background-image:url(../img/hero-bg.webp),url(../img/hero-btm-bg.webp);background-size:contain;background-repeat:no-repeat;background-position:center top,center bottom;position:absolute;width:110%;left:-5%;top:-5%;bottom:0%}@-webkit-keyframes wave{0%{-webkit-transform:rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);transform:rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg);transform:rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg)}}@keyframes wave{0%{-webkit-transform:rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);transform:rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg);transform:rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg)}}.hero-container .wave{position:absolute;height:100%;bottom:-50px;-webkit-animation:wave 5.5s .1s infinite linear;animation:wave 5.5s .1s infinite linear}.hero-container .wave.wave1{width:52%;left:-5%;background:url(../img/wave1.webp) center bottom/100% auto no-repeat}.hero-container .wave.wave2{width:45%;left:40%;-webkit-animation-duration:6.5s;animation-duration:6.5s;-webkit-animation-delay:.2s;animation-delay:.2s;background:url(../img/wave2.webp) center bottom/contain no-repeat}.hero-container .wave.wave3{width:60%;right:-5%;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:7s;animation-duration:7s;background:url(../img/wave3.webp) center bottom/100% auto no-repeat}@-webkit-keyframes centerCat{0%{-webkit-transform:translateX(-45%) rotateZ(8deg);transform:translateX(-45%) rotateZ(8deg)}100%{-webkit-transform:translateX(-55%) rotateZ(-10deg);transform:translateX(-55%) rotateZ(-10deg)}}@keyframes centerCat{0%{-webkit-transform:translateX(-45%) rotateZ(8deg);transform:translateX(-45%) rotateZ(8deg)}100%{-webkit-transform:translateX(-55%) rotateZ(-10deg);transform:translateX(-55%) rotateZ(-10deg)}}.hero-container .centerCat{width:45%;max-width:650px;top:40%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:3%;background:url(../img/cat.webp) center bottom/contain no-repeat;-webkit-animation:centerCat 4s .1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);animation:centerCat 4s .1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955)}@media(orientation: portrait)and (max-width: 850px){.hero-container{height:68vh}.hero-container .background{background-image:url(../img/hero-bg-sp.webp),url(../img/hero-btm-bg-sp.webp)}.hero-container .layer.layer3{z-index:11}.hero-container .wave{bottom:0}.hero-container .wave.wave1{background:url(../img/wave1-sp.webp) right bottom/100% auto no-repeat}.hero-container .wave.wave2{width:60%;left:30%;background:url(../img/wave2-sp.webp) center bottom/contain no-repeat}.hero-container .wave.wave3{right:-12%;width:79%;background:url(../img/wave3-sp.webp) center bottom/100% auto no-repeat}.hero-container .centerCat{background:url(../img/cat-sp.webp) center bottom/contain no-repeat}}@media(max-width: 1200px){.hero-container .crane{max-width:240px}}@media(max-width: 767px){.hero-container{height:380px}.hero-container .crane{overflow:hidden;-webkit-transform:translateY(35%);transform:translateY(35%)}.hero-container .crane img{display:block;-webkit-transform:translateX(50%);transform:translateX(50%)}}@media(max-width: 376px){.hero-container{height:360px}}.side-nav{position:fixed;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:99}.side-nav svg{width:1em;height:1em}.side-nav li{list-style:none}.side-nav li:not(:last-child){margin-bottom:20px}.side-nav span{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.side-nav a{background-color:#000;color:#fff;padding:30px 10px;gap:10px;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--font-20);font-weight:600}@media(max-width: 1400px){.side-nav a{padding:15px 5px}}@media(max-width: 1023px){.side-nav{height:46px;width:100%;left:0;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);top:auto}.side-nav li{margin-bottom:0 !important}.side-nav span{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}.side-nav a{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:10px 0;font-size:var(--font-18);gap:5px}.side-nav ul{height:100%;display:grid;grid-template-columns:repeat(2, 1fr);gap:1px;background-color:#333}}.about{margin:calc(var(--gap)*1.3) 0}.about .pcbr{display:none}.about p{font-size:var(--font-18);line-height:2}.about p:not(:last-child){margin-bottom:1em}.about .inner{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px 70px}@media(max-width: 1400px){.about .inner{gap:20px 50px}}@media(max-width: 1023px){.about .inner{grid-template-columns:1fr}.about p{line-height:1.8}}@media(max-width: 767px){.about .pcbr{display:block}.about p:not(:last-child){margin-bottom:.8em}}.reasons .sec-ttl{text-align:center}.reasons .wide-mural{text-align:right}.reasons .items{margin-top:50px;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px 70px}.reasons .item{display:grid;grid-template-columns:150px auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px 40px;padding-bottom:40px;border-bottom:1px solid #cdcdcd}.reasons .item h4{font-weight:600;line-height:1.3;margin-bottom:10px;font-size:var(--font-30)}@media(max-width: 1400px){.reasons .item{grid-template-columns:120px auto;gap:20px 30px}.reasons .items{-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px}}@media(max-width: 1023px){.reasons .items{grid-template-columns:1fr}}@media(max-width: 767px){.reasons .wide-mural{padding:0 20px}.reasons .sec-ttl{text-align:left}.reasons .items{margin-top:30px}.reasons .item{padding-bottom:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;grid-template-columns:70px auto;gap:20px 15px}.reasons .item h4{font-size:var(--font-20)}}.h-services{margin:calc(var(--gap)*1.3) 0}.h-services .services{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}.h-services .service{position:relative;aspect-ratio:4/3}.h-services .service:before{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:-webkit-gradient(linear, left bottom, left top, from(#000), color-stop(60%, rgba(0, 0, 0, 0)));background:linear-gradient(to top, #000, rgba(0, 0, 0, 0) 60%)}.h-services .service p{font-size:var(--font-16)}.h-services .service hgroup{width:100%;position:absolute;bottom:0;left:0;padding:15px 20px;color:#fff;z-index:2}.h-services .service hgroup h4{font-size:var(--font-24);font-weight:600;line-height:1.3;margin-bottom:5px}.h-services .service hgroup h5{font-family:var(--font-libre);font-weight:400;text-transform:uppercase;font-size:14px}@media(max-width: 1200px){.h-services .services{gap:20px}}@media(max-width: 1023px){.h-services .services{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.h-services .services{grid-template-columns:1fr}.h-services .service hgroup h4{font-size:var(--font-20)}.h-services .service hgroup h5{font-size:12px}}.h-projects .ttl-wrap{position:relative}.h-projects .swiper-pagination{position:absolute;bottom:10px;right:0;left:auto;width:auto;-webkit-box-shadow:0 1px 0 #000;box-shadow:0 1px 0 #000;font-size:var(--font-20);font-family:var(--font-libre)}.h-projects .swiper-pagination-current{font-size:1.3em}.h-projects .projectSwiper{margin-right:calc(700px - 50vw);padding-right:30px}.h-projects .projectSwiper h3{font-size:clamp(24px,-36px + 5vw,34px);margin-top:15px}@media(max-width: 1440px){.h-projects .projectSwiper{margin-right:calc(-2.5vw - 20px)}.h-projects .projectSwiper h3{font-size:var(--font-24)}}@media(max-width: 767px){.h-projects .projectSwiper{margin-right:-20px}.h-projects .projectSwiper h3{font-size:var(--font-20);margin-top:10px}}.h-workshops{margin:calc(var(--gap)*1.3) 0}.h-workshops .inner{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px 50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.h-workshops .right{padding:0 50px}.h-workshops .right p{line-height:2;font-size:var(--font-16)}@media(max-width: 1400px){.h-workshops .right{padding:0}}@media(max-width: 1023px){.h-workshops .inner{grid-template-columns:1fr}.h-workshops .right{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.h-workshops .right p{line-height:1.8}}.h-news .inner{max-width:940px}.h-news .sec-ttl{text-align:center}.h-news .news{margin:auto}.h-news article{position:relative;display:grid;grid-template-columns:170px auto;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:50px;border-bottom:1px solid #cdcdcd;padding-bottom:35px;padding-top:35px}@media(pointer: fine){.h-news article:hover:before{background-position:50% 50%,150% 50%}.h-news article:hover .thumbnail img{-webkit-transform:scale(1.1);transform:scale(1.1)}}.h-news article:before{content:"";display:block;width:40px;height:40px;position:absolute;right:0;top:50%;border-radius:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#e8e8e8;background-image:url(../img/arrow-right.webp),url(../img/arrow-right.webp);background-position:-150% 50%,50% 50%;background-size:12px,12px;background-repeat:no-repeat,no-repeat;will-change:background-position;-webkit-transition:background-position .3s;transition:background-position .3s}.h-news article h3{font-size:var(--font-18);font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.h-news article a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2}.h-news .thumbnail{aspect-ratio:170/121;position:relative;overflow:hidden}.h-news .thumbnail img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;will-change:transform;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.h-news .date{font-size:var(--font-16)}@media(max-width: 767px){.h-news .sec-ttl{text-align:left}.h-news article{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;padding-right:30px;grid-template-columns:100px auto;padding-bottom:20px;padding-top:20px}.h-news article:before{width:25px;height:25px;background-size:10px auto}}.h-contact{margin:calc(var(--gap)*1.3) auto}.h-contact .sec-ttl{text-align:center}@media(max-width: 767px){.h-contact .sec-ttl{text-align:left}}.inquiry-form-wrapper{scroll-margin-top:100px;max-width:900px;margin:auto}.inquiry-form-wrapper #confirm-section dd{padding:10px 20px;border:1px solid #e0e0e0}.inquiry-form-wrapper .error-message{color:red;font-size:12px;margin-top:5px;display:none}.inquiry-form-wrapper .error-message.active{display:block}.inquiry-form-wrapper dt{margin-bottom:10px;font-weight:600;font-size:var(--font-20)}.inquiry-form-wrapper dl{margin-bottom:20px}.inquiry-form-wrapper dd{font-size:16px;min-height:46px}.inquiry-form-wrapper input,.inquiry-form-wrapper textarea{display:block;padding:10px 20px;border:1px solid #e0e0e0;width:100%;font-size:1em}.inquiry-form-wrapper .must:after{content:"必須";font-size:12px;background-color:red;color:#fff;padding:0 3px;border-radius:3px;margin-left:10px}@media(max-width: 767px){.inquiry-form-wrapper dl{margin-bottom:1.2em}.inquiry-form-wrapper dt{font-size:var(--font-18)}}.inquiry-success-content{margin:var(--gap) 0 calc(var(--gap)*2);text-align:center;font-size:var(--font-18)}.inquiry-success-content h2{font-size:var(--font-30);font-weight:600}.inquiry-success-content h3{margin-bottom:15px}.inquiry-success-content .success{width:100px;margin:20px auto 30px}@media(max-width: 767px){.inquiry-success-content .success{width:80px}}.page-main{margin:var(--gap) 0 calc(var(--gap)*1.3)}.project-item{cursor:pointer;position:relative}.project-item a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:5}@media(pointer: fine){.project-item:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}}.project-item .figure{aspect-ratio:658/474;position:relative;overflow:hidden}.project-item .figure img{position:absolute;width:100%;height:100%;left:0;top:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;will-change:transform;-webkit-transition:-webkit-transform .3s cubic-bezier(0.17, 0.61, 0.46, 0.93);transition:-webkit-transform .3s cubic-bezier(0.17, 0.61, 0.46, 0.93);transition:transform .3s cubic-bezier(0.17, 0.61, 0.46, 0.93);transition:transform .3s cubic-bezier(0.17, 0.61, 0.46, 0.93), -webkit-transform .3s cubic-bezier(0.17, 0.61, 0.46, 0.93)}.popup-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 20px}.popup-layer.active .wrap{opacity:1}.popup-layer .work-figure{background-color:#f4f4f4}.popup-layer .wrap{background:#fff;padding:clamp(20px,-12.9185px + 4.2918vw,30px);max-width:90%;max-height:90%;overflow-y:auto;position:relative;border-radius:8px;max-width:1000px;opacity:0;will-change:opacity;-webkit-transition:opacity .2s;transition:opacity .2s}.popup-layer h3{font-size:var(--font-20);margin-top:12px}.popup-layer .close{position:absolute;top:30px;right:30px;width:30px;height:30px;cursor:pointer;z-index:10;will-change:transform;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s}.popup-layer .close:before,.popup-layer .close:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background:#fff}.popup-layer .close:before{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.popup-layer .close:after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.popup-layer .close:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@media(max-width: 767px){.popup-layer .close{width:20px;height:20px;right:20px;top:15px}}.popup-loading{width:30px;height:30px;background:url(../img/loading.png) center/contain no-repeat}.page-featured{text-align:center}.page-featured .featured-ttl{line-height:1.5;margin:auto;width:90vw;padding:50px 0;border-bottom:1px solid #999}.page-featured span{display:block}.page-featured span:first-child{font-weight:600;color:#666;font-size:var(--font-24)}.page-featured span:last-child{text-transform:uppercase;font-family:var(--font-libre);font-weight:500;font-size:clamp(48px,-24px + 6vw,60px)}@media(max-width: 1440px){.page-featured .featured-ttl{width:95vw}}@media(max-width: 767px){.page-featured .featured-ttl{width:calc(100vw - 40px);padding:35px 0;text-align:left}.page-featured span:last-child{font-size:min(48px,10vw)}}.contact-page .note{max-width:900px;font-size:var(--font-18);margin:0 auto 35px}.services-page .services{display:grid;grid-template-columns:repeat(2, 1fr);gap:clamp(30px,-90px + 10vw,50px)}.services-page hgroup{margin:15px 0 10px}.services-page hgroup h4{font-size:var(--font-30);font-weight:600;line-height:1.3;margin-bottom:5px}.services-page hgroup h5{font-family:var(--font-libre);font-weight:400;text-transform:uppercase;font-size:var(--font-18)}@media(max-width: 1200px){.services-page .services{gap:25px}.services-page hgroup h4{font-size:var(--font-24)}.services-page hgroup h5{font-size:var(--font-16)}}@media(max-width: 767px){.services-page .services{gap:35px;grid-template-columns:1fr}}.projects-page .projects{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}.projects-page .project-item h3{font-size:var(--font-20);margin-top:10px}.projects-page .pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;margin-top:50px;color:#a8a8a8;font-size:var(--font-18)}.projects-page .pagination a{color:#a8a8a8;text-decoration:none;will-change:color;-webkit-transition:color .2s;transition:color .2s}@media(pointer: fine){.projects-page .pagination a:hover{color:#000}}.projects-page .pagination span.current{color:#fff;background-color:#000;padding:0 10px}@media(max-width: 1200px){.projects-page .projects{gap:20px}}@media(max-width: 1023px){.projects-page .projects{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.projects-page .pagination{gap:15px}.projects-page .project-item h3{font-size:var(--font-16)}}.topics-main{max-width:700px;margin:auto;font-size:var(--font-18);padding:25px;background-color:#fafafa;border-radius:10px}.topics-main .thumbnail{margin-bottom:1.5em}.topics-main h1{font-size:var(--font-30);text-align:center;line-height:1.5}.topics-main .date{text-align:right;margin-top:1em}.topics-main .main{line-height:1.8}.topics-main .main>*{margin:1.5em 0}@media(max-width: 767px){.topics-main{background-color:rgba(0,0,0,0);border-radius:0;padding:0}.topics-main h1{text-align:left}}.post-navigation{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;max-width:700px;margin:30px auto 0;font-size:var(--font-16)}.post-navigation .nav-title{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-navigation a{display:grid;grid-template-columns:1em auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;text-decoration:none;will-change:opacity;-webkit-transition:opacity .2s;transition:opacity .2s}@media(pointer: fine){.post-navigation a:hover{opacity:.8}}.post-navigation .nav-next{text-align:right}.post-navigation .nav-next a{grid-template-columns:auto 1em}.post-navigation .nav-next .nav-label{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}h1.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.projectThumbnail{margin-top:10px}.projectThumbnail .swiper-slide{height:200px;width:200px;cursor:pointer;will-change:opacity;-webkit-transition:opacity .3s;transition:opacity .3s;position:relative}.projectThumbnail .swiper-slide:before{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;border:3px solid rgba(0,0,0,0)}.projectThumbnail .swiper-slide.swiper-slide-thumb-active:before{border-color:#031f36}@media(pointer: fine){.projectThumbnail .swiper-slide:hover{opacity:.8}}.projectThumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media(max-height: 800px){.projectThumbnail .swiper-slide{width:120px;height:120px}}@media(max-width: 1023px){.projectThumbnail .swiper-slide{width:150px;height:150px}}@media(max-width: 767px){.projectThumbnail .swiper-slide{width:80px;height:80px}}.projectSwiperFull{width:100%;aspect-ratio:851/638}.projectSwiperFull img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.projectSwiperFull .swiper-button-prev{border-radius:5px;color:#000;-webkit-transform:rotate(180deg);transform:rotate(180deg);left:15px;width:40px;height:40px;padding:10px;background-color:hsla(0,0%,100%,.7)}.projectSwiperFull .swiper-button-prev svg{display:block;width:100%;height:100%}.projectSwiperFull .swiper-button-next{border-radius:5px;color:#000;right:15px;width:40px;height:40px;padding:10px;background-color:hsla(0,0%,100%,.7)}.projectSwiperFull .swiper-button-next svg{display:block;width:100%;height:100%}@media(max-width: 767px){.projectSwiperFull .swiper-button-next,.projectSwiperFull .swiper-button-prev{width:26px;height:26px;padding:6px}}.project-single .inner{max-width:1200px}.project-single .project-header{margin-bottom:35px}.project-single h1{font-size:var(--font-30);margin-bottom:10px}.project-single p{font-size:var(--font-24)}@media(max-height: 800px){.project-single .inner{max-width:800px}}@media(max-width: 767px){.project-single .project-header{margin-bottom:30px}.project-single h1{font-size:var(--font-24)}.project-single p{font-size:var(--font-18)}}.breadcrumbs{font-size:var(--font-16);margin-top:1em}.explanatory-txt{margin-top:var(--font-30);font-size:var(--font-16);line-height:2}