:root{--color_tetx_white:#efefef;--color_tetx_gray:#2d2d2d;--color_tetx_black:#111;--color_tetx_bg_black:#181818;--color_section_bg:#f8f8f8;--color_footer_bg:#282828;--color_card_bg:#ededed;--color_card_media_bg:#d1d1d1}*{box-sizing:border-box;margin:0;padding:0}::-moz-selection{color:#fff!important;background:#000!important}::selection{color:#fff!important;background:#000!important}.none_display{display:none!important}html{background:var(--color_section_bg);overscroll-behavior:none;width:100%;min-height:100%}body{background:var(--color_section_bg);overscroll-behavior:none;width:100%;min-height:100%;font-family:ff-din-paneuropean-cond,sans-serif;position:relative;overflow-x:hidden}#custom_attention_cursor{pointer-events:none;z-index:199999;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);will-change:transform;background-color:rgba(227,227,227,.68);border-radius:50%;justify-content:center;align-items:center;width:max(60px,min(7vw,90px));height:max(60px,min(7vw,90px));display:flex;position:fixed;top:0;left:0;transform:scale(0)}#custom_attention_cursor .attention-text{text-align:center;color:#000;letter-spacing:.5px;font-size:max(10px,min(1.25vw,15px));font-weight:800;line-height:1.2}#touch_hint{pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;will-change:transform, opacity;background-color:rgba(227,227,227,.68);border-radius:50%;justify-content:center;align-items:center;width:max(72px,min(8.5vw,108px));height:max(72px,min(8.5vw,108px));display:flex;position:absolute;top:max(30px,6vh);left:50%;transform:translate(-50%)translateY(-20px)scale(0)}#touch_hint .touch-hint-text{text-align:center;color:#000;letter-spacing:.5px;font-size:max(11px,min(1.5vw,15px));font-weight:800;line-height:1.2}.is-touch #custom_attention_cursor,.is-pc #touch_hint{display:none!important}#loading_overlay{width:100vw;height:100vh;background:var(--color_section_bg);z-index:1000;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:max(20px,min(3vw,60px));height:100svh;display:flex;position:fixed;top:0;left:0}.loading_counter_wrap{align-items:baseline;gap:.15em;font-family:Arial,Helvetica,sans-serif;display:inline-flex}.loading_counter{font-size:max(32px,min(3.6vw,68px))}.loading_kkaku_suffix{font-size:max(16px,min(1.8vw,34px))}#pin_wrapper{z-index:1;touch-action:pan-y;width:100%;position:relative}#top_container{width:100%;height:100vh;z-index:1;height:100svh;min-height:100svh;position:relative;overflow:clip}#gl_canvas{touch-action:pan-y;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}#gl_canvas.is-dragging{cursor:grabbing;touch-action:none}.top_frame1{z-index:1000;letter-spacing:.08em;width:100%;height:100%;color:var(--color_tetx_black);pointer-events:none;opacity:0;visibility:hidden;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:.45em;padding:max(8px,min(1.2vmax,20px));font-size:max(12px,min(1.7vmax,20px));font-weight:500;display:flex;position:absolute;top:0;left:0}.top_frame1 h1,.top_frame1 h2{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);letter-spacing:.05em;pointer-events:none;background-color:rgba(227,227,227,.68);border-radius:.18em;padding:.32em .55em .42em;line-height:1.2}.top_frame1 h1>span{letter-spacing:.06em;transform-origin:0 90%;font-family:vdl-v7gothic,sans-serif;font-size:.8em;font-style:normal;font-weight:500;line-height:1.2;display:inline-block;transform:scaleY(1.15)}.top_frame2{z-index:1000;letter-spacing:.08em;width:100%;height:100%;color:var(--color_tetx_black);pointer-events:none;opacity:0;visibility:hidden;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.45em;padding:max(8px,min(1.2vmax,20px));font-size:max(12px,min(1.7vmax,20px));font-weight:500;display:flex;position:absolute;top:0;left:0}.button_block{pointer-events:visible;flex-direction:column;align-items:flex-end;gap:.45em;display:flex}.top_frame2 button,.top_frame2 p{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);letter-spacing:.05em;background-color:rgba(227,227,227,.68);border-radius:.18em;padding:.32em .55em .42em;line-height:1.2}@media (max-width:600px){.top_frame2{flex-direction:column;justify-content:flex-start;align-items:flex-end}.top_frame2 p{text-align:right}}#works{background:var(--color_section_bg);z-index:10;border-radius:1.2vw 1.2vw 0 0;width:100%;padding-top:max(60px,min(10vw,250px));padding-bottom:max(30px,min(5vw,125px));position:relative}.works_container{width:100%;max-width:2560px;margin-left:auto;margin-right:auto;padding-left:max(24px,min(5.8cqi,124px));padding-right:max(24px,min(5.8cqi,124px));container:works_container/inline-size}.works_container>h2{width:-moz-fit-content;background:var(--color_tetx_bg_black);letter-spacing:.015em;width:fit-content;color:var(--color_tetx_white);border-radius:.18em;margin:0 auto max(30px,min(5cqi,100px));padding:.3em .55em .5em;font-size:max(18px,min(2.2cqi,42px))}.works_title_subsentence{margin:0 auto max(30px,min(5cqi,100px))}.works_title_subsentence p{text-align:center;font-size:max(16px,min(2cqi,38px))}.works_card_block{-moz-column-gap:clamp(20px, 3.5cqi, 56px);grid-template-columns:1fr;align-items:stretch;gap:max(32px,min(6cqi,86px)) max(20px,min(3.5cqi,56px));width:100%;min-width:0;list-style:none;display:grid}@container works_container (width>=500px){.works_card_block{grid-template-columns:repeat(2,1fr)}}@container works_container (width>=1000px){.works_card_block{grid-template-columns:repeat(3,1fr)}}.works_card{background:var(--color_card_bg);border-radius:.4cqi;flex-direction:column;min-width:0;min-height:0;padding:max(18px,min(2.2cqi,46px));display:flex;position:relative;overflow:hidden;container:works_card/inline-size}.card_media{aspect-ratio:1;background:var(--color_card_media_bg);transform-origin:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;flex-shrink:0;width:100%;margin-bottom:max(12px,min(4.5cqi,20px));position:relative;overflow:hidden}.card_media .card_video{-o-object-fit:cover;object-fit:cover;pointer-events:auto;width:100%;height:100%;display:block}.card_media .card_poster{-o-object-fit:cover;object-fit:cover;z-index:1;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;top:0%;left:0%}.card_media .card_play_icon{-o-object-fit:contain;object-fit:contain;z-index:2;opacity:.8;pointer-events:none;width:16%;height:auto;transition:opacity .3s,transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card_play_icon .play_icon_bg{fill:#ff0}.card_play_icon .play_icon_triangle{fill:var(--color_tetx_gray)}.card_media.is-playing .card_poster,.card_media.is-playing .card_play_icon{opacity:0;visibility:hidden;pointer-events:none}.card_content{flex-direction:column;flex:1;gap:max(12px,min(5.5cqi,25px));min-height:0;display:flex;overflow:hidden}.card_content h3{color:var(--color_tetx_gray);letter-spacing:.03em;flex-shrink:0;font-size:max(18px,min(8cqi,56px));line-height:1.1}.card_content h3 span{transform-origin:0 90%;font-family:vdl-v7gothic,sans-serif;font-style:normal;font-weight:500;display:inline-block;transform:scale(.75,.85)}.card_content p{color:var(--color_tetx_gray);letter-spacing:.03em;font-family:ff-din-paneuropean-cond,sans-serif;font-size:max(13px,min(6cqi,27px));font-style:normal;font-weight:400;line-height:1.35}.card_content p.ja_text{letter-spacing:.025em;transform-origin:top;font-family:vdl-v7gothic,sans-serif;font-size:max(10px,min(4cqi,18px));font-style:normal;font-weight:400;line-height:1.7;transform:scaleY(1.15)}.card_tags{flex-wrap:wrap;flex-shrink:0;gap:max(6px,min(1.2cqi,8px));margin-top:auto;padding-top:max(12px,min(5cqi,20px));display:flex}.card_tags span{letter-spacing:.04em;color:var(--color_tetx_gray);border:.08em solid var(--color_tetx_gray);padding:.4em .8em .65em;font-size:max(9px,min(4cqi,18px))}.card_link{width:max(32px,min(11cqi,64px));position:absolute;bottom:4cqi;right:3cqi}.card_link img{-o-object-fit:contain;object-fit:contain;pointer-events:auto;width:100%;height:100%;display:block}@media (hover:hover){.card_media,.card_link{transition:transform .3s}.card_media:hover{cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:scale(1.03)}.card_link:hover{transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:scale(1.1)}.card_media.is-playing:hover{transform:scale(1)}}#contact{background:var(--color_section_bg);width:100%;padding-top:max(60px,min(10vw,250px));padding-bottom:max(60px,min(10vw,250px))}.contact_container{width:100%;max-width:2000px;color:var(--color_tetx_black);flex-direction:column;justify-content:center;row-gap:max(45px,min(6cqi,100px));margin-left:auto;margin-right:auto;padding-left:max(24px,min(5.8cqi,124px));padding-right:max(24px,min(5.8cqi,124px));display:flex;container:contact_container/inline-size}.contact_container>h2{width:-moz-fit-content;background:var(--color_tetx_bg_black);letter-spacing:.015em;width:fit-content;color:var(--color_tetx_white);border-radius:.18em;margin:0 auto max(30px,min(5cqi,100px));padding:.3em .55em .5em;font-size:max(18px,min(2.2cqi,42px))}.contact_btn_block{flex-direction:column;align-items:center;gap:4cqi 0;width:100%;display:flex}.contact_btn_block button{letter-spacing:.02em;text-wrap:nowrap;font-size:max(28px,min(3.5cqi,42px));font-weight:600}.contact_btn_block button:first-of-type{margin:0 2em}.contact_sns_block{grid-template-columns:repeat(4,1fr);gap:6cqi 12cqi;display:grid}.contact_sns_block li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto;height:max(36px,min(3.2cqi,52px));margin:0 auto}.contact_sns_block img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}@media (hover:hover){.contact_btn_block button,.contact_sns_block li{transition:transform .3s}.contact_btn_block button:hover{transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:scale(1.05)}.contact_sns_block li:hover{transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:scale(1.15)}}.contact_sentence_block{flex-direction:column;gap:5cqi 3.8cqi;padding:0 3cqi;display:flex}.contact_sentence_block .text_en{letter-spacing:.03em;text-align:justify;width:100%;font-size:max(15px,min(1.7cqi,24px));line-height:1.3}.contact_sentence_block .text_jp{letter-spacing:.02em;text-align:justify;transform-origin:top;width:100%;font-family:vdl-v7gothic,sans-serif;font-size:max(11px,min(1.2cqi,17px));font-style:normal;font-weight:500;line-height:1.6;transform:scaleY(1.15)}.contact_sentence_block p>span{width:-moz-fit-content;width:fit-content;margin:.5em 0 0 auto;display:block}@container contact_container (width>=600px){.contact_btn_block{flex-direction:row;justify-content:space-evenly;padding:0 13cqi}.contact_sns_block{grid-template-columns:repeat(8,1fr);gap:0;padding:0 13cqi;display:grid}.contact_sentence_block{flex-direction:row;justify-content:space-evenly;padding:0 6.8cqi;display:flex}}@container contact_container (width>=1200px){.contact_sentence_block{padding:0 15cqi}}#footer{width:100%;height:100vh;background:var(--color_footer_bg);height:100svh;color:var(--color_tetx_white);justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex;position:relative;container:footer_section/inline-size}#footer h2{letter-spacing:.03em;font-size:max(10px,min(1.2cqi,20px))}.footer_copyright_block{flex-flow:row;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;top:4cqi;left:50cqi;transform:translate(-50%)}.footer_copyright_block p{width:-moz-max-content;letter-spacing:.05em;width:max-content;padding-right:.3em;font-size:max(35px,min(4.65cqi,100px));line-height:1.2;transform:skew(-12deg);text-decoration:none!important}.footer_copyright_block a{text-decoration:none!important}.footer_copyright_block img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:max(150px,min(20cqi,426px))}@container footer_section (width>=600px){.footer_copyright_block{position:absolute;top:2cqi;left:0;right:2cqi;transform:translate(0)}}