@charset "UTF-8";@media screen and (min-width:768px){header{position:absolute;top:30px;height:80px;padding:0 10%;box-sizing:border-box;transform:translateY(-30px)}header.start{animation:fadeDown 1.5s ease-out forwards;animation-delay:.2s}.nav_menu{display:flex;margin-left:auto;opacity:0;transform:translateY(-50px);transition:opacity 1.2s ease,transform 1.2s 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% 51%;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%)}.main_text01{font-size:48px;font-weight:200;letter-spacing:.06em;line-height:1.2;margin:80px 0 4px 100px}.main_text02{font-size:48px;font-weight:200;font-style:italic;letter-spacing:.08em;line-height:1.2;margin:0 0 32px 140px}.main_text03{font-size:82px;font-weight:700;color:var(--color-brand-brown);line-height:1.05;margin:0 0 8px 100px}.text_indent{display:inline-block;margin:0 0 32px 130px}.main_text04{font-size:50px;font-weight:200;letter-spacing:.15em;line-height:1.15;margin:40px 0 0 100px}.main_text05{font-size:18px;font-weight:300;line-height:1.8;letter-spacing:.05em;margin:8px 0 0 140px;color:#555}.split_left.start{animation:slideInLeft 1.5s cubic-bezier(.33,0,.3,1) forwards}.split_right.start{animation:slideInRight 1.5s cubic-bezier(.33,0,.3,1) forwards;transform:translateX(0)}.main_text01.start,.main_text02.start,.main_text03.start,.main_text04.start,.main_text05.start{animation:fadeInUp 1s ease-out forwards}.scroll{position:fixed;right:60px;bottom:20px;width:40px;height:300px;z-index:999;opacity:0;transform:translateY(6px);transition:opacity .6s ease-out,transform .6s ease-out;pointer-events:none}.scroll.show{opacity:1;transform:translateY(0)}.scroll.hide{opacity:0;transform:translateY(6px)}.scroll.is-top{pointer-events:auto;cursor:pointer}.scrollbar_text{position:absolute;bottom:0;left:50%;padding:10px 10px 110px;font-size:14px;font-family:serif;line-height:1;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-lr;transform:translateX(-50%);transition:opacity .3s ease}.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}.scroll.is-top .scrollbar::before{animation:circlemove_top 3s ease-in-out infinite,cirlemovehide 3s ease-out infinite}.scroll.is-top .scrollbar_text{color:var(--color-brand-brown)}section{margin-inline:auto;max-width:1166px;margin-top:130px}.about_pc{display:block}.about_sp{display:none}.section_heading{margin-bottom:50px}.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:3rem;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:40px 0 0 auto}.view_profile a{max-width:140px;padding:40px 25px 4px 15px;margin-left:auto;font-size:15px;font-weight:400}.view_profile a:hover::after{animation:OutIn-Line .7s}.workstext_pc{display:block}.workstext_sp{display:none}.works .section_heading{display:grid;grid-template-columns:170px 190px auto;align-items:baseline}.works .works_title{margin:0}.works .section_heading .subtitle{margin:0}.works .works_lead{font-size:14px;margin:0;padding:0;transform:none;text-align:left}.works_tabs{display:flex;justify-content:center;gap:24px;margin:30px 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:#fff;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:#fff;box-shadow:0 4px 14px rgba(166,124,82,.22);transform:translateY(-3px)}.banner_contents{width:100%}.banner_grid{display:grid;max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(220px,250px));gap:32px;justify-content:center}.banner_item{transition:transform .35s ease,box-shadow .35s ease}.banner_item:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.18)}.banner_title{margin-top:10px;margin-bottom:4px;font-size:16px;line-height:1.6}.visual_contents{width:100%}.visual_grid{display:grid;max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(280px,320px));gap:40px;justify-content:center}.visual_item{transition:transform .35s ease,box-shadow .35s ease}.visual_item:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.18)}.visual_title{margin-top:10px;margin-bottom:4px;font-size:16px;line-height:1.6}.web_contents{flex-direction:column;gap:80px}.web_contents .works_block{margin-bottom:0}.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 14px 32px rgba(0,0,0,.18)}.works_link:hover .works_item::before{opacity:.5;transform:translate(-50%) scale(.88)}.works_item{position:relative;display:flex;flex-direction:column;width:320px;height:auto;flex-shrink:0;padding:10px;overflow:visible;cursor:pointer}.works_item:active{cursor:pointer}.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-top:14px;font-size:14px;letter-spacing:.08em;transition:color .3s ease}.works_link:hover .website{color:var(--color-brand-brown)}.website_name{margin-top:16px;font-weight:600;font-size:16px;text-align:center}.works_category{margin-top:6px;font-size:14px;line-height:1.6}.works_detail{flex:1;min-width:700px;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}.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:flex-start;flex:1;min-height:300px;max-width:690px}.contact_inner p{margin:0 0 50px;padding-left:40px;font-size:23px;text-align:left;white-space:normal}.contact_btn{position:relative;display:flex;justify-content:center;align-items:center;width:350px;height:70px;padding:0;border:none;border-radius:30px;background-image:linear-gradient(90deg,#9cf6c7,#d1fcf0);text-decoration:none;cursor:pointer}.btn_text{font-size:28px}.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:calc(50% - 4px);left:50%;transform:translate(-50%,-50%);display:block;width:200px;height:200px;background:url(../../../images/contact_mail_icon.png) no-repeat center center;background-size:contain;z-index:10}.contact_form{max-width:700px;margin:-40px auto 0}.form_item{margin-bottom:24px}.form_item label{margin-bottom:8px;font-size:16px}.form_item input{height:48px;padding:0 14px;border-radius:6px;font-size:16px}.form_item textarea{min-height:180px;padding:14px;border-radius:6px;font-size:16px;line-height:1.6}.contact_message{margin:30px auto;font-size:16px;line-height:1.8;text-align:center}.contact_message.is-success{margin-top:-10px;padding:30px 20px 45px}.contact_message.is-success strong{margin-bottom:12px;font-size:22px}.contact_message.is-error{margin-bottom:25px;padding:14px 18px;border-radius:6px;background-color:#fff5f4}.submit_btn{width:260px;height:58px;border-radius:30px;background-image:linear-gradient(90deg,#9cf6c7,#d1fcf0);color:var(--color-brand-brown);font-size:20px;font-weight:700;transition:opacity .3s ease,transform .3s ease}.submit_btn:hover{opacity:.8;transform:translateY(-2px)}.modal_inner{width:min(1200px,calc(100vw - 80px));max-height:calc(100vh - 80px);padding:40px;border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.modal_title{margin-bottom:16px;font-size:22px;font-weight:600;text-align:center}.modal_title::after{content:"";display:block;width:56px;height:1px;margin:12px auto 30px;background:#bbb}.modal_type{margin:-10px 0 10px;font-size:11px;font-weight:500}.modal_lead{margin:0 0 24px;padding:0 40px;font-size:13px}.modal_images{display:grid;grid-template-columns:repeat(auto-fit,180px);justify-content:center;gap:40px 20px}.modal_image{width:auto;max-width:280px;margin-inline:auto}.modal_image img{width:auto;max-width:100%;max-height:560px;object-fit:contain}.modal_size{width:fit-content;margin-inline:auto;text-align:center;margin-top:4px;font-size:13px;line-height:1.6}.modal_note{margin:14px 0 0;font-size:12px}.modal_tools{margin:6px 0 0;font-size:12px}.modal_tools{margin:14px 0 0;font-size:12px}.modal_close{top:16px;right:16px;font-size:24px}#copyRight{display:grid;place-content:center;margin-top:100px}}