@charset "UTF-8";@media screen and (max-width:767px){header{position:fixed;height:60px;padding:0 16px}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:22px;position:fixed;top:20px;right:20px;z-index:1100;cursor:pointer;background:0 0;border:none;padding:0}.hamburger span{display:block;width:100%;height:3px;background-color:var(--color-blue-light);transition:transform .3s ease,opacity .3s ease}.hamburger.active span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav_menu{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:-100vh;left:0;width:100%;height:100vh;background-color:var(--color-white);z-index:1000;transition:top .4s ease;padding-top:80px}.nav_menu.active{top:0}.nav_menu ul{display:flex;flex-direction:column;align-items:center;gap:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav_menu li{margin-left:0}.nav_menu a{position:relative;display:block;padding:20px 0;font-size:24px;color:var(--color-blue-accent);text-decoration:none;background:0 0}.nav_menu a::after{content:"";position:absolute;left:50%;bottom:10px;width:0;height:1px;background:var(--color-brand-brown);transform:translateX(-50%);transition:width .3s ease}.nav_menu a:active::after,.nav_menu a:hover::after{width:100%}.nav_menu a:active{color:var(--color-brand-brown)}.container{flex-direction:column;height:auto}.split_left{width:100%;height:55vh;position:relative;margin:0;padding:0;background-image:url("../../../images/main_tokyotower.jpg");background-size:cover;background-position:50% 35%;background-repeat:no-repeat;display:block;overflow:hidden}.split_right{width:100%;padding:24px 5%;height:auto;min-height:45vh;background-color:#d0fced}.main_text01{font-size:24px;font-weight:300;letter-spacing:.06em;line-height:1.15;margin:20px 0 0 28px}.main_text02{font-size:24px;font-weight:200;font-style:italic;letter-spacing:.04em;line-height:1.15;margin:0 0 12px 48px}.main_text03{font-size:40px;font-weight:700;color:var(--color-brand-brown);line-height:1.05;margin:0 0 2px 28px}.text_indent{display:inline-block;margin:0 0 12px 48px}.main_text04{display:none}.main_text05{font-size:14px;font-weight:300;line-height:1.6;letter-spacing:.04em;margin:12px 0 0 28px;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:translateY(0)}.main_text01.start,.main_text02.start,.main_text03.start,.main_text05.start{animation:fadeInUp 1.6s ease-out forwards}.scroll{display:none}section{margin-inline:5%;max-width:100%;margin-top:70px}.about_pc{display:none}.about_sp{display:block}.section_heading{margin-bottom:20px}.about_title,.contact_title,.works_title{font-size:32px;margin:0 20px 0 0;line-height:1.2}.section_heading .subtitle{font-size:14px;line-height:1.4;top:-1px}.typing_block{font-size:18px;line-height:2.2;padding:0 16px 12px}.typing_line{display:flex;flex-wrap:wrap;white-space:normal;margin-bottom:12px;opacity:1}#typing_line01_sp,#typing_line02_sp,#typing_line03_sp{display:flex;flex-wrap:wrap;justify-content:flex-start;opacity:0}#typing_line01_sp.show,#typing_line02_sp.show,#typing_line03_sp.show{opacity:1;transform:translateY(0)}.typing_char{font-size:17px;line-height:1.8}.slidein_block{padding:0 16px}.slidein_line{line-height:1.5;text-align:left}.slidein_line:last-child{margin-bottom:0}.fadeup_block{max-width:100%;padding:0 16px 12px}.fadeup_target{font-size:17px;margin-top:0;margin-bottom:24px;line-height:1.8;letter-spacing:.02em;text-align:center;overflow:visible;word-break:keep-all}.fadeup_block.vision{width:100%;margin:0;text-align:left;padding:0 16px 12px}.fadeup_line{margin-bottom:12px}.view_profile{margin:15px auto 0;text-align:center}.view_profile a{font-size:13px;padding:30px 35px 4px 10px;white-space:nowrap}.view_profile a::before{right:14px;bottom:11px}.workstext_pc{display:none}.workstext_sp{display:block}.works .section_heading{flex-wrap:wrap}.works_lead{flex-basis:100%;font-size:13px;line-height:1.6;text-align:center;margin-top:8px;margin-bottom:12px;padding:0 18px}.works_tabs{display:flex;justify-content:center;gap:8px;margin:24px 0 24px;padding:0 8px}.tab_btn{flex:1;min-width:0;padding:7px 10px;border-radius:20px;border:1.4px solid var(--color-brand-brown);background:#fff;color:var(--color-brand-brown);font-size:13px;letter-spacing:.03em;text-align:center;transition:background .3s ease,color .3s ease,box-shadow .3s ease}.tab_btn:hover{background:rgba(166,124,82,.08);box-shadow:0 3px 8px rgba(0,0,0,.08)}.tab_btn.active{background:var(--color-brand-brown);color:#fff;box-shadow:0 3px 12px rgba(166,124,82,.2)}.banner_contents{margin-top:12px}.banner_grid{grid-template-columns:1fr;gap:28px}.banner_item img{width:90%;margin:0 auto;display:block}.banner_title{margin-top:10px;margin-bottom:2px;font-size:15px;line-height:1.4}.visual_contents{margin-top:32px}.visual_grid{grid-template-columns:1fr;gap:40px}.visual_item img{width:90%;margin:0 auto;display:block}.visual_title{margin-top:12px;font-size:15px;line-height:1.4}.web_contents{flex-direction:column;align-items:center;margin-top:10px;gap:20px}.works_block{display:flex;flex-direction:column;align-items:center;height:auto;gap:28px;padding:0 16px}.works_fade_in{opacity:0;transform:translateY(50px);transition:opacity 1.4s 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.tapped .works_item{transform:translateY(-16px)!important;box-shadow:0 20px 40px rgba(0,0,0,.25)!important}.works_link.tapped .works_item::before{opacity:.45;transform:translateX(-50%) scale(.9)}.works_item{position:relative;width:100%;max-width:500px;height:auto;margin-bottom:16px;padding:12px 24px 24px;overflow:visible;touch-action:manipulation}.works_item::before{position:absolute;content:"";left:50%;bottom:-16px;z-index:0;width:70%;height:20px;opacity:.7}.works_images{position:relative;display:flex;justify-content:center;align-items:flex-start;margin-bottom:16px;padding:8px 0}.pc_image{width:90%;z-index:1}.sp_image{position:absolute;width:40%;top:20%;left:60%;z-index:2;transform:rotate(2deg);pointer-events:auto}.website_name{display:block;margin-top:10px;font-weight:600;text-align:center}.works_category{font-size:13px;line-height:1.5;text-align:center;margin-top:4px}.website{margin-top:8px;font-size:13px;text-align:center}.works_detail{flex:1;max-width:100%;height:auto;margin-top:0;padding:20px 0}.detail_list{display:grid;grid-template-columns:minmax(80px,25%) 1fr;font-size:14px;row-gap:1.2em}.detail_list dt{padding-right:8px;white-space:nowrap}.detail_list dd{margin-left:5px;line-height:1.6;overflow-wrap:break-word;word-break:break-word}.box{position:relative;margin:80px 0 40px 0;padding:44px 16px 24px}.box_title{position:absolute;top:-20px;left:0;padding:4px 12px;font-size:16px}.box_title span.works_complete{font-size:12px;margin-left:4px}.contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.contact_title{margin-bottom:20px}.contactBox{display:flex;flex-direction:column;gap:20px}.contact_inner{width:100%;margin-left:0;padding:0;box-sizing:border-box}.contact_inner p{width:100%;margin-bottom:30px;padding-inline:5%;font-size:15px;text-align:left;white-space:normal}.contact_mail{width:100%;margin-top:20px}.contact_btn{position:relative;display:flex;justify-content:center;align-items:center;width:90%;max-width:250px;height:55px;margin:0 auto;padding:0;border:none;border-radius:30px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(90deg,#9cf6c7,#d1fcf0);text-decoration:none;overflow:hidden;cursor:pointer}.btn_text{font-size:20px;line-height:1}.arrow_r::after{width:6px;height:6px}.wrap{display:none}.contact_form{width:90%;margin:25px auto 0}.form_item{margin-bottom:18px}.form_item label{margin-bottom:8px;font-size:15px}.required{font-size:11px}.form_item input{height:46px;padding:0 12px;border-radius:6px;font-size:16px}.form_item textarea{min-height:120px;padding:12px;border-radius:6px;font-size:16px;line-height:1.6}.contact_message{margin:20px auto;font-size:14px;line-height:1.7;text-align:center}.contact_message.is-success{margin-top:5px;padding:25px 10px 35px}.contact_message.is-success strong{margin-bottom:10px;font-size:16px;white-space:nowrap}.contact_message.is-error{margin-bottom:20px;padding:12px 14px;border-radius:6px;background-color:#fff5f4}.submit_btn{width:90%;max-width:250px;height:55px;border-radius:30px;background-image:linear-gradient(90deg,#9cf6c7,#d1fcf0);color:var(--color-brand-brown);font-size:20px;font-weight:700}.modal{padding:0}.modal_inner{position:relative;width:87%;max-height:87vh;display:flex;flex-direction:column;align-items:center;padding:38px 20px 28px;overflow-y:auto;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.modal_title{width:100%;margin:0 0 12px;font-size:18px;text-align:center}.modal_type{width:100%;margin:-2px 0 8px;font-size:11px;font-weight:500}.modal_lead{width:100%;margin:0 0 12px;padding:0 10px;font-size:12px}.modal_images{position:relative;width:100%;min-height:0;display:block}.modal_image{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.modal_image.active{position:relative;inset:auto;opacity:1;visibility:visible;pointer-events:auto}.modal_image img{display:block;width:auto;max-width:100%;height:auto;max-height:46vh;object-fit:contain;border-radius:6px;-webkit-tap-highlight-color:transparent}.modal_image img:active{transform:scale(.98);transition:transform .1s ease}.modal_size_nav{width:100%;margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.modal.is-visual .modal_images{height:44vh;min-height:280px}.modal.is-visual .modal_image img{max-height:42vh}.modal.is-visual .modal_lead{margin-bottom:10px}.modal.is-visual .modal_size_nav{margin-top:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.modal.is-visual .size_btn{flex:0 1 auto;min-width:72px;padding:8px 6px}.modal_size{display:none}.size_btn{position:relative;padding:10px 12px;font-size:12px;line-height:1.5;letter-spacing:.02em;white-space:pre-line;border:none;background:0 0;color:#777;overflow:hidden;transition:transform .1s ease,opacity .2s ease}.size_btn:active{transform:scale(.96)}.size_btn::after,.size_btn::before{content:"";position:absolute;left:0;width:100%;height:1px;background:var(--color-brand-brown);transform:scaleX(0);transition:transform .3s ease}.size_btn::before{top:0;transform-origin:right}.size_btn::after{bottom:0;transform-origin:left}.size_btn.active::after,.size_btn.active::before{transform:scaleX(1)}.modal_note{width:100%;margin:12px 0 0;padding:0 8px;font-size:10px}.modal_tools{width:100%;margin:6px 0 0;padding:0 8px;font-size:11px}.modal_tools{width:100%;margin:12px 0 0;padding:0 8px;font-size:11px}.modal_close{position:absolute;top:14px;right:16px;font-size:20px;-webkit-tap-highlight-color:transparent}.modal_close:active{transform:scale(.85);opacity:.6}#copyRight{margin-top:50px;font-size:14px;padding-bottom:30px;text-align:center}}