*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none !important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size: 100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion: no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color, Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%) !important;height:1px !important;width:1px !important;overflow:hidden !important;position:absolute !important;white-space:nowrap !important;border:0 !important}html{scroll-behavior:smooth}body{font-size:clamp(13px, 2vw, 18px);color:#000}body a{display:block;text-decoration:none;color:#000;transition:ease .2s}body a:hover{transition:ease .2s;opacity:.8}body span{display:block}body .flx{display:flex}body .between{justify-content:space-between}body .flx.center{justify-content:center}body .flx.end{justify-content:flex-end}body .align-center{align-items:center}body h2{font-size:clamp(22px, 3vw, 30px);font-family:serif;color:#fff}body h3{font-size:clamp(17px, 3vw, 25px)}body img{object-fit:cover;width:100%;height:100%}body #slideMenu{position:fixed;top:0;left:-330px;width:300px;height:100vh;background:rgba(0,0,0,0.9);color:white;padding:50px;transition:left 0.4s ease;z-index:100;box-shadow:5px 0 15px rgba(0,0,0,0.3);font-weight:bold;border-right:solid 1px #555}body #slideMenu.open{left:0}body #menuButton{display:none;position:fixed;top:20px;right:20px;z-index:1000;padding:0.5rem 1rem;font-size:clamp(13px, 2vw, 18px);background-color:#000;color:#fff;border:none;transition:.2s ease;font-weight:bold;border:solid 1px #555}body #menuButton:hover{transition:.2s ease;opacity:.8}body #menuButton.pagemenu{display:block}body #closeMenu{background:none;border:none;color:#fff;font-size:clamp(22px, 3vw, 30px);position:absolute;top:40px;left:40px;cursor:pointer}body .purple{background:#674598 !important}body #overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;pointer-events:none;transition:opacity 0.4s ease}body #overlay.active{opacity:1;pointer-events:auto}body #slideMenu nav ul{list-style:none;padding:0;margin-top:60px}body #slideMenu nav ul li{margin:2em}body #slideMenu nav ul li a{color:white;text-decoration:none;font-size:18px}body .place-center{display:grid;place-content:center}body .logo{filter:invert(1)}body #top{display:flex}body #top h1{background:#000;width:30%;display:grid;place-content:center;font-size:clamp(22px, 4vw, 40px);line-height:1.5;padding:20px}body #top h1 p{font-size:clamp(16px, 2vw, 25px);margin-top:15px}body #top .splide{width:70%}body #top .splide,body #top .splide__track,body #top .splide__list{aspect-ratio:16 / 9}body #top .splide__slide__container{height:100%;overflow:hidden;transition:transform 2s ease, opacity 2s ease;transform:scale(1);opacity:1}body #top .splide__slide__container img{width:100%;height:100%;object-fit:cover}body #top .splide__slide:not(.is-active) .splide__slide__container{transform:scale(1.1);opacity:0}body #works{background:url("../img/bg_blk.jpg");background-size:cover;background-position:top center}body #works .inner{max-width:1000px;margin:0 auto;padding:5em 20px 3em}body #works .inner h2{border-right:solid 1px #555;padding-right:30px}body #works .inner a.more{align-items:center;align-self:self-end;color:#fff;background:#000;width:fit-content;margin-left:auto;padding:10px 15px;border:solid 1px #555}body #works .inner a.more svg{fill:#fff;margin-left:5px}body #works .inner #works-list{padding:0 10px}body #works .inner #works-list .txt{color:#fff;margin-bottom:10px}body #works .inner #works-list .txt span{font-size:small;color:#ccc;margin:0 12px}body #works .inner #works-list .txt div{margin-left:5px}body #works .inner #works-list .txt div p{font-size:clamp(12px, 2vw, 16px)}body #works .inner ul li{box-shadow:5px 0 15px rgba(0,0,0,0.1)}body #works .inner ul li a .img{aspect-ratio:1/1;width:22%}body #works .inner ul li a .txt{width:fit-content;padding:5px 30px;color:#fff;display:flex}body #works .inner ul li a .txt span{color:#555;font-size:clamp(13px, 2vw, 18px);margin-bottom:10px;margin-right:20px}body #gallery{background:url("../img/bg.jpg");background-size:200%}body #gallery .inner{max-width:1000px;margin:0 auto;padding:4em 20px 6em}body #gallery .inner h2{margin-bottom:1.5em}body #gallery #gallery_content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:8px}body #gallery #gallery_content a{display:block;aspect-ratio:16/9}body .fancybox__caption{width:100%;max-width:1000px}body .custom-caption .model{text-align:center}body .custom-caption .flx{justify-content:center;margin-top:20px}body .custom-caption .flx p.img{max-width:120px}body .custom-caption .flx p{font-size:clamp(13px, 2vw, 18px) !important;margin-bottom:10px}body .custom-caption .flx .btn{background:#000;color:#fff;font-size:clamp(13px, 2vw, 18px) !important;padding:15px 20px;text-align:center;border:solid 1px #555}body .custom-caption .clm{display:flex;flex-direction:column;justify-content:center;margin-left:10px;width:100%;max-width:500px}body #appointment{background:url("../img/bg_blk.jpg");background-size:cover;background-position:top center}body #appointment .inner{max-width:1000px;margin:0 auto;padding:4em 20px}body #appointment .inner .img{width:60%;margin:20px auto 0}body #appointment .inner .btn{background-color:#000;padding:10px 20px;color:#fff;display:flex;align-items:center;margin:30px auto 10px;border:solid 1px #555}body #appointment .inner .btn svg{fill:#fff;margin-left:5px}body #staff{background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),url("../img/bg.jpg");background-size:200%;color:#fff}body #staff .inner{max-width:1000px;margin:0 auto;padding:4em 20px 2em}body #staff .inner h2{margin-bottom:0}body #staff .inner figure{border-bottom:solid 1px #555;padding:40px 0}body #staff .inner figure .img{width:30%;max-width:200px;height:250px}body #staff .inner figure figcaption{margin-left:20px;width:65%;font-size:clamp(12px, 2vw, 16px)}body #staff .inner figure:last-of-type{border:none}body #sns{background:url("../img/bg_blk.jpg");background-size:cover;background-position:top center}body #sns .inner{max-width:1000px;margin:0 auto;padding:4em 20px 6em}body #sns .inner h2{margin-bottom:1.5em}body #sns .sns_content{gap:40px}body #sns .sns_content a{margin:0 10px;border:#555 1px solid;border-radius:100%;padding:10px;background-color:#121214}body footer{background:#000}body footer .inner{max-width:1000px;margin:0 auto;padding:5em 20px}body footer .inner ul{gap:20px;flex-wrap:wrap}body footer .inner ul .logo{width:100%}body footer .inner ul .logo a{max-width:150px}body footer .inner a{color:#fff;display:inline-block;font-size:clamp(12px, 2vw, 16px);white-space:pre}body footer .inner p{color:#fff;font-size:clamp(12px, 2vw, 16px)}body .tabs{display:flex;flex-wrap:wrap;margin-bottom:5px}body .tab{margin-right:10px;padding:8px 16px;background:#000;border:solid 1px #555;cursor:pointer;color:#fff;white-space:pre;margin:5px}body .tab.active{background:#674598}body .gallery-group{display:none}body .gallery-group.active{display:flex;gap:10px}body .pc{display:block}body .sp{display:none}body #archive,body #detail{background:url(../img/bg_blk.jpg);background-size:cover;background-position:top center}body #archive .inner,body #detail .inner{max-width:1000px;margin:0 auto;padding:4em 20px;color:#fff}body #archive .inner h2,body #detail .inner h2{margin-bottom:1.5em}body #archive .inner a,body #detail .inner a{color:#fff}body #archive .inner #works-list .works-item,body #detail .inner #works-list .works-item{padding:10px}body #archive .inner #works-list .works-item p,body #detail .inner #works-list .works-item p{color:#ccc}body #archive .inner #works-list a,body #detail .inner #works-list a{font-size:clamp(13px, 2vw, 18px);line-height:1.5}body #archive .inner #works-list h2,body #detail .inner #works-list h2{margin:0}body #archive .inner #works-detail .date,body #detail .inner #works-detail .date{color:#ccc}body #archive .inner #works-detail h1,body #detail .inner #works-detail h1{font-size:clamp(22px, 3vw, 30px);margin-bottom:1.5em}body #archive .inner #works-detail .link,body #archive .inner #works-detail .link2,body #detail .inner #works-detail .link,body #detail .inner #works-detail .link2{text-decoration:underline}body #archive .inner #works-detail .video,body #detail .inner #works-detail .video{margin:1em 0}body #archive .inner #works-detail .video iframe,body #detail .inner #works-detail .video iframe{width:100%;aspect-ratio:16 / 9}body #archive .inner #works-detail .about,body #detail .inner #works-detail .about{margin-bottom:1em}body #archive .inner hr,body #detail .inner hr{background-color:#555;outline:none;display:block;height:1px;width:100%;border:none}body #archive a.more,body #detail a.more{align-items:center;align-self:self-end;color:#fff;background:#000;width:fit-content;margin:2em auto 0;padding:10px 15px;border:solid 1px #555}body #archive a.more svg,body #detail a.more svg{fill:#fff;margin-left:5px}body #archive .img_wrap,body #detail .img_wrap{gap:20px;max-width:800px;margin:auto}body #archive .img_wrap p img,body #detail .img_wrap p img{object-fit:contain;width:100%;height:100%}body.cl_body{background-color:#000 !important}body.cl_body header{background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),url(../img/bg.jpg);background-size:200%}body.cl_body header a{max-width:300px;width:60%;margin:auto;padding:4em 2em 2em}@media screen and (max-width: 768px){body #top h1{width:initial;position:absolute;inset:0;z-index:2;color:#fff;filter:drop-shadow(1px 1px 5px #333);background:initial}body #top .splide{width:100%;position:relative;height:100%}body .sp{display:block !important}body .pc{display:none !important}body h1{background-color:#000}body h1 .logo{width:60%;margin:auto;padding:40px 20px}body #archive h1,body #detail h1{background-color:initial !important}}@media screen and (max-width: 640px){body #works .inner>div{margin-bottom:2em}body #works .inner .flx:not(.more){display:block}body #works .inner h2{margin-bottom:1.5em;border-right:none}body #works .inner ul li{margin:10px 0}body #works .inner ul li a .txt{padding:5px 0px}body #works .inner ul li a .img{width:50%}body #appointment .inner{padding:4em 20px}body #appointment .inner .img{width:60%;margin:20px auto 0}body #appointment .inner figure{flex-direction:column-reverse;margin:2em 0}body #appointment .inner figure .img{width:100%}body .btn_content{flex-direction:column}body .btn_content .btn{margin:20px 10px 10px;justify-content:space-between}body #gallery_content{grid-template-columns:1fr 1fr 1fr !important;grid-template-rows:1fr 1fr 1fr !important}body #staff figure .img{height:150px !important}body .sns_content a{margin:10px 0;width:70px}body #sns .flx{gap:10px}body footer .inner{padding:4em 30px}body footer .inner .flx{justify-content:flex-start;align-items:center}}
