:root{--FS: 4;--LH: 6;--WS: 12;--fontSizeSP: calc(var(--FS) * 1vw);--lineHeightSP: calc(var(--LH) * 1vw);--whiteSpaceSP: calc(var(--WS) * 1vw);--fontSizePC: calc(var(--FS) * 4px);--lineHeightPC: calc(var(--LH) * 4px);--whiteSpacePC: calc(var(--WS) * 4px)}*,*::before,*::after{background-color:rgba(0,0,0,0);border-collapse:collapse;box-sizing:border-box;color:#111;font-size:var(--fontSizeSP);font-size:clamp(var(--fontSizeSP) - 2vw,var(--fontSizeSP),var(--fontSizeSP) + 2vw);font-family:"Noto Sans JP",YuGothic,"Yu Gothic",sans-serif;font-style:normal;font-weight:300;letter-spacing:.04em;line-height:var(--lineHeightSP);line-height:clamp(var(--lineHeightSP) - 2vw,var(--lineHeightSP),var(--lineHeightSP) + 2vw);margin:0;padding:0;transition:all .6s ease-in-out}a{cursor:pointer;display:block;text-decoration:none}a:active,a:hover,a:link,a:visited{color:#fff}h1,h4,h1>a{font-size:calc(var(--fontSizeSP) + 2vw);line-height:calc(var(--lineHeightSP) + 1vw);padding:8vw 0 12vw;text-align:center}h2,h5{font-size:calc(var(--fontSizeSP) + 1vw);line-height:calc(var(--lineHeightSP) + 1vw);padding:6vw 0 4vw;text-align:center}h3,h6{padding:4vw 0;text-align:center}ul{list-style:none}label{display:block}.serif{font-family:"Noto Serif JP",YuMincho,"Yu Mincho",serif}header>h1{background-color:#eee;font-size:calc(var(--fontSizeSP) + 1vw);padding:2vw}header nav.drawer input{display:none}header nav.drawer label{height:12.5vw;position:fixed;right:1vw;top:1vw;width:12.5vw}header nav.drawer label:after{background-color:rgba(0,0,0,0);content:"";height:100%;left:0;position:fixed;top:0;width:0;z-index:20}header nav.drawer label div{background-repeat:no-repeat;background-size:100% 100%;height:100%;position:absolute;width:100%;z-index:30}header nav.drawer label div::after{background-color:rgba(255,255,255,.8);display:inline-block;font-size:calc(var(--fontSizeSP)*.5);left:50%;line-height:1;position:absolute;top:88%;transform:translate(-50%, -50%);white-space:nowrap;z-index:31}header nav.drawer label div:first-child{background-image:url("../svg/menu_open.svg");display:block}header nav.drawer label div:first-child::after{content:"MENU"}header nav.drawer label div:last-child{background-image:url("../svg/menu_close.svg");display:none}header nav.drawer label div:last-child::after{content:"CLOSE"}header nav.drawer input:checked~label:after{background-color:rgba(0,0,0,.6);transition:all .63s ease-in-out;width:100%}header nav.drawer input:checked~label div:first-child{display:none}header nav.drawer input:checked~label div:last-child{display:block}header nav.drawer input:checked~ul.menu{transform:translateX(0)}header nav.drawer ul.menu{background-color:#fff;height:100%;left:0;overflow:hidden;padding:2vw;position:fixed;top:0;transform:translateX(-100vw);width:60%;z-index:21}header nav.drawer ul.menu li.menu-item{border:.1vw solid #eee;position:relative}header nav.drawer ul.menu li.menu-item:not(:last-child){margin-bottom:1vw}header nav.drawer ul.menu li.menu-item a{align-items:center;display:inline-block;height:100%;padding:2vw;text-decoration:none;width:100%}main section{min-height:50vw;padding:4vw}main ul.news-container li{background-color:#eee;border:.1vw solid #ccc;height:calc(var(--lineHeightSP) + 2vw);margin:2vw 0 0;padding:0 1.5vw}main ul.news-container li a{display:inline-flex;height:calc(var(--lineHeightSP) + 2vw);width:92vw}main ul.news-container li a::before{background-color:#ccc;content:"";height:calc((var(--lineHeightSP) + 2vw)/2);mask-image:url("../svg/triangle.svg");-webkit-mask-image:url("../svg/triangle.svg");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;margin:2.5vw 1vw 2.5vw 0;width:calc((var(--lineHeightSP) + 2vw)/2)}main ul.news-container li a div:first-child{font-size:calc(var(--fontSizeSP) - 1vw);height:calc(var(--lineHeightSP) + 2vw);padding:1vw 0}main ul.news-container li a div:last-child{height:calc(var(--lineHeightSP) + 2vw);max-width:66vw;overflow:hidden;padding:1vw 0 0 4vw;text-overflow:ellipsis;white-space:nowrap}main section>nav:last-of-type,main section>form nav{display:flex;flex-wrap:wrap;justify-content:center;margin:12vw 0}main section>nav:last-of-type button,main section>form nav button{background-color:#eee;border:.1vw solid #ccc;padding:2vw 5vw;white-space:nowrap}main section>nav:last-of-type button:not(:first-child),main section>form nav button:not(:first-child){margin:12vw 0 0}main figure.side-scroll-table{overflow-x:scroll;width:92vw}main figure.side-scroll-table:not(:last-child){margin-bottom:12vw}main figure.side-scroll-table table{border:.1vw solid #ccc}main figure.side-scroll-table table tr:not(:last-child){border-bottom:.1vw solid #ccc}main figure.side-scroll-table table tr th,main figure.side-scroll-table table tr td{height:var(--lineHeightSP);line-height:normal;min-width:20%;padding:1vw 2vw;white-space:nowrap}main figure.side-scroll-table table tr th{background-color:#eee;font-size:calc(var(--fontSizeSP) - 1vw);text-align:center}main figure.side-scroll-table table tr td:nth-last-child(3){border-right:.1vw dotted #ccc;padding:1vw 3vw 1vw 2vw}main figure.side-scroll-table table tr td:last-child{border-left:.1vw solid #ccc;text-align:right}main section#contact form>ul>li{border:.1vw solid #ccc;padding:2vw}main section#contact form>ul>li:not(.current){display:none}main section#contact form>ul>li dl{border:.1vw solid #ccc;padding:2vw}main section#contact form>ul>li ul li{border:.1vw solid #ccc;margin-bottom:2vw;padding:2vw}main section#contact form>ul>li ul li input{border:.1vw solid #ccc;border-radius:0;padding:0 2vw;width:100%;-webkit-appearance:none}main section#contact form>ul>li ul li textarea{border:.1vw solid #ccc;border-radius:0;display:block;overflow-y:scroll;padding:0 2vw;resize:none;width:100%;-webkit-appearance:none}main section#contact form>ul>li ul li .required-green::after,main section#contact form>ul>li ul li .required-red::after{border:.1vw solid red;color:red;content:"必須";display:inline-block;height:7vw;line-height:6.4vw;margin-left:1.2vw;padding:0 1.2vw;white-space:nowrap}main section#contact form>ul>li ul li .required-green::after{border:.1vw solid #0c0;color:#0c0;content:"入力済"}@keyframes RedWink{0%{background-color:red}100%{background-color:rgba(0,0,0,0)}}main section#contact form>ul>li ul li:last-child>div{display:flex;margin-top:2vw}main section#contact form>ul>li ul li:last-child>div input{display:none}main section#contact form>ul>li ul li:last-child>div input#agree-check:checked~label::after{transform:translateX(100%)}main section#contact form>ul>li ul li:last-child>div label.check-box{border:.1vw solid #ccc;display:block;height:8vw;margin-right:2vw;overflow:hidden;padding:1vw;position:relative;width:8vw}main section#contact form>ul>li ul li:last-child>div label.check-box::before{background-color:#000;mask-image:url(../svg/checkMark.svg);-webkit-mask-image:url(../svg/checkMark.svg);bottom:0;content:"";height:80%;left:0;margin:auto;position:absolute;right:0;top:0;width:80%;z-index:10}main section#contact form>ul>li ul li:last-child>div label.check-box::after{background-color:#fff;border:none;bottom:0;content:"";height:90%;left:0;margin:auto;opacity:.9;pointer-events:none;position:absolute;right:0;top:0;width:90%;z-index:11}main section#contact form>ul>li ul li:last-child>div label.check-box:hover{cursor:pointer}main section#contact form>ul>li ul li:last-child>div div{white-space:nowrap}main section#contact form>ul>li nav .btn-verify{color:#eee;text-decoration:line-through}main section#guide span{text-decoration:line-through}footer{padding:4vw}a.page-top{bottom:1vw;height:12.5vw;position:fixed;right:1vw;width:12.5vw;z-index:30}a.page-top div{background-repeat:no-repeat;background-size:100% 100%;background-color:#000;mask-image:url(../svg/returnTop.svg);-webkit-mask-image:url(../svg/returnTop.svg);height:100%;position:relative;width:100%}a.page-top div::after{mask-image:none;-webkit-mask-image:none;background-color:rgba(255,255,255,.8);color:#000;content:"Return Top";display:inline-block;font-size:calc(var(--fontSizeSP)*.5);font-weight:bold;left:50%;line-height:1;position:absolute;top:85%;transform:translate(-50%, -50%);white-space:nowrap;z-index:31}body{background-color:#fed;width:100vw}header{height:100vw;margin-bottom:-60vw;position:relative}header h1{background-color:#711}header h1 a{font-size:.8em;padding:1vw}header img{aspect-ratio:1/1;mask-image:linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);mask-mode:match-source;-webkit-mask-mode:match-source;mask-size:100% 100%;mask-repeat:no-repeat;position:absolute;width:100vw}main ul.news-container li{background-color:#f6efef;border:none}main ul.news-container li a::before{background-color:#711;mask-image:url(../svg/shuriken.svg);-webkit-mask-image:url(../svg/shuriken.svg)}main ul.mobile-container>li{background-color:#f6efef;height:36vw;margin:3vw 0 0}main ul.mobile-container>li a ul{background-color:rgba(119,17,17,.3);display:inline-flex;height:var(--lineHeightSP);padding:0 1.5vw;transform:translate(1vw, -1vw)}main ul.mobile-container>li a ul::before{background-color:#711;content:"";height:calc(var(--lineHeightSP)/2);mask-image:url("../svg/shuriken.svg");-webkit-mask-image:url("../svg/shuriken.svg");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;margin:2vw 1vw 2vw 0;width:calc(var(--lineHeightSP)/2)}main ul.mobile-container>li a ul li:not(:first-child){border:.1vw solid red;color:red;font-size:calc(var(--fontSizeSP) - 1vw);height:calc(var(--lineHeightSP) - 2vw);line-height:calc(var(--lineHeightSP) - 2vw);margin:1vw;padding:0 1vw}main ul.mobile-container>li a figure{display:flex}main ul.mobile-container>li a figure figcaption{width:60vw}main ul.mobile-container>li a figure figcaption div{overflow:hidden;padding:0 2vw;text-overflow:ellipsis;width:57vw}main ul.mobile-container>li a figure figcaption div:first-child{height:6vw;line-height:6vw}main ul.mobile-container>li a figure figcaption div:last-child{font-size:3vw;height:19vw;line-height:5vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}main ul.mobile-container>li a figure>div{border:.1vw solid rgba(119,17,17,.3);height:32vw;margin:-7vw 0 2vw -3vw;width:32vw}main ul.mobile-container>li a figure>div img{height:32vw;width:32vw}main section>nav:last-of-type button,main section>form nav button{background-color:#711;border:none;color:#fff}main figure.side-scroll-table table{border:.1vw solid #711}main figure.side-scroll-table table tr:not(:last-child){border-bottom:.1vw solid #711}main figure.side-scroll-table table tr th{background-color:#f6efef}main figure.side-scroll-table table tr td:nth-last-child(2){display:inline-flex}main figure.side-scroll-table table tr td:nth-last-child(2)::before{background-color:#711;content:"";height:calc(var(--lineHeightSP)/2);mask-image:url("../svg/kogaproLogo.svg");-webkit-mask-image:url("../svg/kogaproLogo.svg");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;margin:1vw 0;width:calc(var(--lineHeightSP)/2)}main figure.side-scroll-table table tr td:nth-last-child(3){border-right:.1vw dotted #711}main figure.side-scroll-table table tr td:last-child{border-left:.1vw solid #711}main section#rental-items h1{align-items:center;color:#000;display:flex;justify-content:center;padding-bottom:40vw}main section#rental-items ul.small-test{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5em;list-style:none;padding:0}main section#rental-items ul.small-test li{border:1px solid #000;text-align:center;padding:.5em}main section#rental-items ul.small-test .wide{grid-column:2/span 2}main section#rental-items figure>div{border:1px solid #711;margin:0 0 4vw;max-height:100vw;overflow-y:auto}main section#rental-items figure div div:nth-of-type(even){background-color:rgba(246,239,239,.3)}main section#rental-items figure div div:nth-of-type(odd){background-color:rgba(255,255,255,.3)}main section#rental-items figure div div{border:1px solid #e1c3c3;border-bottom:none;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}main section#rental-items figure div div ul:nth-of-type(1){flex:0 0 20vw;padding:2vw 0 0 2vw}main section#rental-items figure div div ul:nth-of-type(1) li{white-space:nowrap}main section#rental-items figure div div ul:nth-of-type(1) li:before,main section#rental-items figure div div ul:nth-of-type(1) li:after{white-space:nowrap}main section#rental-items figure div div ul:nth-of-type(2){border:1px solid #711;display:flex;margin:1vw;max-height:40vw;padding:1vw}main section#rental-items figure div div ul:nth-of-type(2) li{height:12vw;position:relative;width:12vw}main section#rental-items figure div div ul:nth-of-type(2) li::after{content:"";display:block;height:12vw;left:0;position:absolute;top:0;width:12vw;z-index:-1;background-color:#711;bottom:0;height:70%;margin:auto;mask-image:url("../svg/kogaproLogo.svg");right:0;width:70%}main section#rental-items figure div div ul:nth-of-type(2) li input{display:none}main section#rental-items figure div div ul:nth-of-type(2) li input:checked~label{bottom:0;height:90vw;left:0;margin:auto;position:fixed;right:0;top:0;transition:all .2s ease-in-out;width:90vw;z-index:21}main section#rental-items figure div div ul:nth-of-type(2) li input:checked~label::before{bottom:0;height:100vh;left:0;top:0;position:fixed;right:0;transition:all .22s ease-in-out;width:100vw;z-index:20}main section#rental-items figure div div ul:nth-of-type(2) li label{aspect-ratio:1/1;height:12vw;position:relative;transition:all 0s ease-in-out;width:12vw}main section#rental-items figure div div ul:nth-of-type(2) li label::before{bottom:50%;content:"";display:block;height:0;left:50%;position:absolute;right:50%;top:50%;transition:all 0s ease-in-out;width:0}main section#rental-items figure div div ul:nth-of-type(2) li label img{height:100%;width:100%}main section#rental-items figure div div ul:nth-of-type(2):has(li:nth-child(2)) li{margin-right:1vw}main section#rental-items figure div div ul:nth-of-type(2):has(li:nth-child(2)) li:last-child{margin-right:0}main section#rental-items figure div div ul:nth-of-type(2):has(li:nth-child(3)) li{margin-right:1vw}main section#rental-items figure div div ul:nth-of-type(2):has(li:nth-child(3)) li:last-child{margin-right:0}main section#rental-items figure div div ul:nth-of-type(2):has(li:nth-child(4)){overflow-x:auto;overflow-y:hidden}main section#rental-items figure div div p{background-color:#fc3;border-radius:1vw;font-size:.8em;margin:0 2vw 2vw;padding:0 2vw;width:100%}main section#rental-items figure div div ul:first-of-type li:first-of-type::before{background-color:#711;content:"";display:inline-block;height:calc(var(--lineHeightSP)/2);mask-image:url("../svg/shuriken.svg");-webkit-mask-image:url("../svg/shuriken.svg");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;margin-right:.5vw;width:calc(var(--lineHeightSP)/2)}main section#rental-items figure div div ul:first-of-type li:nth-child(2)::before{content:"価格：";font-size:.7em}main section#rental-items figure div div ul:first-of-type li:nth-child(2)::after{content:"円 / 日";font-size:.6em;margin-left:.5vw}main section#rental-items figure div div span:not(:has(*)){font-size:.8em}main section#rental-items figure div div .size::before{background-color:#f0c040;border-radius:1.6em;color:#fff;content:"寸法";display:inline-block;font-size:.8em;font-weight:bold;margin-right:.5em;padding:.2em .6em}main section#works h2{align-self:center;background-color:rgba(119,17,17,.3);display:inline-flex;font-size:var(--fontSizeSP);height:var(--lineHeightSP);justify-content:start;line-height:var(--lineHeightSP);padding:0 3vw 0 1.5vw;transform:translate(1vw, 2vw)}main section#works h2::before{background-color:#711;content:"";height:calc(var(--lineHeightSP)/2);mask-image:url("../svg/shuriken.svg");-webkit-mask-image:url("../svg/shuriken.svg");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;margin:2vw 1vw 2vw 0;width:calc(var(--lineHeightSP)/2)}main section#contact form>ul>li dl{border:.1vw solid #711}main section#contact form>ul>li ul li{background-color:#f6efef;border:.1vw solid #711}main section#contact form>ul>li ul li input,main section#contact form>ul>li ul li textarea{background-color:#fff;border:.1vw solid #711}main section#contact form>ul>li ul li:last-child>div label.check-box{background-color:#fff;border:.1vw solid #711}main>img{width:100%}footer{background-color:#711;position:relative}footer *,footer *::before,footer *::after{color:#fff;font-size:calc(var(--fontSizeSP) - 1vw);line-height:calc(var(--lineHeightSP) - 1vw)}footer a{font-size:calc(var(--fontSizeSP) - 1.4vw);line-height:calc(var(--lineHeightSP) - 1.4vw)}footer h1>a{font-size:var(--fontSizeSP);line-height:var(--lineHeightSP)}footer h1,footer ul{padding:calc(var(--whiteSpaceSP)/4) 0;text-align:center}footer dl{display:flex;flex-wrap:wrap;justify-content:flex-start}footer dl dd,footer dl dt{padding:0 1vw;white-space:nowrap}footer dl dt{display:flex;justify-content:space-between;width:16%}footer figure{padding:calc(var(--whiteSpaceSP)/2) 0;text-align:center}footer figure img{max-width:400px;width:30vw}footer figcaption,footer p{font-size:calc(var(--fontSizeSP)/2);line-height:calc(var(--lineHeightSP)/2);text-align:center}footer ul{display:flex;flex-wrap:wrap;justify-content:center}footer ul li{border:1px solid #fff;border-radius:1vw;margin:1vw;min-width:40%;white-space:nowrap}