@charset "UTF-8";@media screen and (min-width:768px){.loading_text{font-size:24px}.loading_cursor{font-size:24px}header{position:absolute;height:80px;padding:0 10%;box-sizing:border-box;opacity:0;transform:translateY(-30px)}header.start{animation:fadeDown 1.5s ease-out forwards;animation-delay:.2s}header a img{margin-left:415px}.nav_menu{display:flex;margin-left:auto;opacity:0;transform:translateY(-50px);transition:opacity .8s ease,transform .8s ease}.nav_menu.slide_down{opacity:1;transform:translateY(0)}.nav_menu ul{display:flex;gap:60px}.nav_menu li{margin-left:50px;padding:10px 0;font-size:24px;font-weight:600}.hamburger{display:none}.gnavilink{position:relative;display:inline-block;color:transparent;font-size:24px;line-height:1.2;background:linear-gradient(to right,var(--color-brand-brown) 50%,var(--color-black) 50%) 100%;background-clip:text;background-size:200% 100%;transition:background-position .3s}.gnavilink:hover{background-position:0 100%}.gnavilink::after{position:absolute;content:"";bottom:-3px;left:50%;width:0;height:1px;background-color:var(--color-brand-brown);transition:.3s;transform:translateX(-50%)}.gnavilink:hover::after{width:100%}.container{height:100vh}.split_left{width:40%;height:100vh;position:relative;margin:0;padding:0;background-image:url("../../../images/main_tokyotower.jpg");background-size:cover;background-position:50% 40%;background-repeat:no-repeat;overflow:hidden}#image_container{display:none}.split_right{width:60%;padding:5%;display:flex;flex-direction:column;justify-content:center;background-color:#d0fced;opacity:0;transform:translateX(100%)}.split_left.start{animation:slideInLeft 1.5s cubic-bezier(.33,0,.3,1) forwards;animation-delay:0s}.split_right.start{animation:slideInRight 1.5s cubic-bezier(.33,0,.3,1) forwards;animation-delay:.3s}.main_text01{font-size:60px;font-weight:200;margin:60px 0 20px 70px}.main_text02{font-size:44px;font-style:italic;font-weight:200;margin-left:290px}.main_text03{font-size:76px;font-weight:bold;color:var(--color-brand-brown);margin:40px 0 20px 190px}.text_indent{display:inline-block;margin:15px 0 30px 90px}.main_text04{font-size:60px;font-weight:200;margin-left:585px}.main_text01.start{animation:fadeInUp 1.8s ease-out forwards;animation-delay:.8s}.main_text02.start{animation:fadeInUp 1.8s ease-out forwards;animation-delay:1.1s}.main_text03.start{animation:fadeInUp 1.8s ease-out forwards;animation-delay:1.4s}.main_text04.start{animation:fadeInUp 1.8s ease-out forwards;animation-delay:1.7s}.scroll{position:fixed;right:80px;bottom:20px;height:300px;z-index:999}.scrollbar_text{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:10px 10px 110px;font-size:14px;font-family:serif;line-height:1;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-lr}.scrollbar{position:absolute;bottom:1px;left:50%;transform:translateX(-50%)}.scrollbar::after{content:"";position:absolute;bottom:0;left:0;width:1px;height:100px;background:var(--color-black)}.scrollbar::before{content:"";position:absolute;bottom:0;left:-4px;width:8px;height:8px;border-radius:50%;background:var(--color-brand-brown);animation:circlemove 3s ease-in-out infinite,cirlemovehide 3s ease-out infinite}section{margin-inline:auto;max-width:1166px;margin-top:130px}.about_pc{display:block}.about_sp{display:none}.section_heading{margin-bottom:60px}.about_title,.works_title{font-size:52px;margin:0 40px 0 0;line-height:1}.section_heading .subtitle{font-size:16px;font-family:var(--font-NotoSans);line-height:1;top:-2px}.about_slogan{max-width:960px;margin:0 auto;padding:0 20px}.typing_block{position:relative;max-width:900px;padding:0 20px;font-size:28px;line-height:3.0;text-align:left}.typing_line{display:flex;flex-wrap:wrap;overflow:hidden;word-break:break-word;white-space:nowrap;opacity:1;margin:0 0 15px 0}#typing_line01_pc,#typing_line02_pc{display:flex;flex-wrap:wrap;opacity:0}#typing_line01_pc.show,#typing_line02_pc.show{opacity:1;transform:translateY(0)}#typing_line01_pc{justify-content:flex-start}#typing_line02_pc{justify-content:flex-end}.slidein_block{max-width:900px;margin:0 auto;padding:20px 20px}.slidein_line{text-align:left;line-height:1.6}.slidein_list{font-size:22px}.fadeup_block{max-width:900px;padding:0 20px 30px}.fadeup_block.align_right{margin-right:-20px}.fadeup_line,.fadeup_target{line-height:1.6;margin-bottom:6px}.fadeup_target{font-size:20px;margin:8px 0}.view_profile{margin:30px 0 0 auto}.view_profile a{font-size:14px;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;padding:40px 0 4px 15px;margin-left:auto}.view_profile a:hover::after{animation:OutIn-Line 700ms}.workstext_pc{display:block}.workstext_sp{display:none}.works_tabs{display:flex;justify-content:center;gap:24px;margin:48px 0 60px;padding:0 10px}.tab_btn{min-width:120px;padding:12px 32px;border-radius:28px;border:1.6px solid var(--color-brand-brown);background:#ffffff;color:var(--color-brand-brown);font-size:16px;letter-spacing:.04em;font-weight:500;text-align:center;cursor:pointer;transition:background .35s ease,color .35s ease,box-shadow .35s ease,transform .35s ease}.tab_btn:hover{background:rgba(166,124,82,.06);transform:translateY(-3px);box-shadow:0 4px 10px rgba(166,124,82,.15)}.tab_btn.active{background:var(--color-brand-brown);color:#ffffff;box-shadow:0 4px 14px rgba(166,124,82,.22);transform:translateY(-3px)}.web_contents{transition:opacity .45s ease,transform .45s ease}.web_contents{display:flex;flex-direction:column;gap:100px}.web_contents .works_block{margin-bottom:100px}.web_contents .works_block:last-child{margin-bottom:60px}.works_block{max-width:1200px;height:auto;display:flex;justify-content:flex-start;align-items:center;gap:120px;margin:0 auto;flex-wrap:wrap}.works_fade_in{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1.4s cubic-bezier(.2,.8,.2,1)}.works_fade_in.visible{opacity:1;transform:translateY(0)}.works_link:hover .works_item{transform:translateY(-18px);box-shadow:0 20px 45px rgba(0,0,0,.25)}.works_link:hover .works_item::before{opacity:.5;transform:translate(-50%) scale(.88)}.works_item{position:relative;width:300px;height:auto;flex-shrink:0;padding:10px;overflow:visible;cursor:grab}.works_item:active{cursor:grabbing}.works_item::before{position:absolute;content:"";left:50%;bottom:-36px;z-index:0;width:80%;height:24px;opacity:.75}.works_images{position:relative;display:flex;justify-content:flex-start;align-items:flex-start}.pc_image{width:230px;z-index:1}.sp_image{position:absolute;width:120px;left:170px;top:30px;z-index:2}.website{margin:35px 0 0 20px}.website_name{margin:10px 0 0 20px;text-align:center}.works_detail{flex:1;max-width:740px;height:auto;padding-right:20px;display:flex;flex-direction:column;justify-content:center;line-height:1.9}.detail_list{display:grid;grid-template-columns:110px 1fr;row-gap:1.6em;column-gap:1em;font-size:16px}.detail_list dd{max-width:720px;margin:0}.box{position:relative;margin-top:40px;padding:40px 16px 30px}.box_title{position:absolute;top:-25px;left:0;padding:4px 14px;font-size:18px}.box_title span.works_complete{font-size:14px;margin-left:8px}.banner_contents{max-width:1200px;margin:0 auto;padding:30px 20px 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:36px;justify-content:center}.banner_item{opacity:0;transform:translateY(20px);transition:.6s ease-out;text-align:center}.banner_item.visible{opacity:1;transform:translateY(0)}.banner_item img{width:100%;max-width:220px;height:auto;display:block;margin:0 auto;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.banner_title{margin-top:12px;font-size:14px;line-height:1.6}.contact_title{font-size:52px}.contactBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px;min-height:300px;margin-top:5px}.contact_inner{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;height:300px;max-width:505px;margin-left:60px}.contact_inner p{margin:0 0 85px;padding-left:20px;font-size:24px;white-space:normal;overflow:visible;text-overflow:clip;text-align:left}.contact_btn{position:relative;display:inline-block;width:500px;height:90px;line-height:90px;border-radius:30px;background-image:linear-gradient(90deg,rgba(156,246,199,1),rgba(209,252,240,1));text-decoration:none;overflow:hidden;cursor:pointer}.btn_text{position:absolute;left:0;width:100%;height:100%;display:block;font-size:30px;transition:all .3s}.btn_text:nth-child(1){top:0}.btn_text:nth-child(2){top:-100%}.contact_btn:hover .btn_text:nth-child(1){top:100%}.contact_btn:hover .btn_text:nth-child(2){top:0}.wrap{position:relative;width:400px;height:400px;margin:0 auto;flex-shrink:0}.circle_container{position:relative;width:100%;height:100%}.circle_text text{font-size:24px;}.circle_text textPath{letter-spacing:.2em}.icon_link{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:180px;height:180px;background:url(../../../images/contact_smile.png) no-repeat center center;background-size:contain;cursor:pointer;z-index:10;transition:transform .3s ease}.icon_link:hover{transform:translate(-50%,-50%) scale(1.05)}#copyRight{display:grid;place-content:center;margin-top:100px}}