@charset "UTF-8";.pc{display:none !important}.sp{display:block !important}body{background-color:#fff;width:100%;margin:0 auto;font-family:"游ゴシック","Yu Gothic","游ゴシック体","ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic Pro',"Meiryo UI","メイリオ","Meiryo","MS Pゴシック","MS PGothic",sans-serif;font-feature-settings:"palt";overflow-x:hidden}#office-main h2{font-size:4vw;font-weight:400;line-height:4vw;margin-bottom:8vw}#office-main h3{font-size:4vw;font-weight:400;line-height:4vw}#office-main p{font-size:2.8vw}#office-top{position:relative}.office_top img{margin-top:14.2vw;width:100%}#office-main{padding:10vw 5vw 23vw;text-align:center;line-height:4vw}#office-main br{display:block;line-height:initial;content:"";margin:2.5vw 0}.decoration{height:29vw;width:100vw;margin-left:-5vw;background-image:linear-gradient(163deg,rgba(255,255,255,.91),rgba(255,255,255,0)),linear-gradient(188deg,rgba(255,235,134,1),rgba(255,255,255,0)),linear-gradient(295deg,rgba(250,180,180,.8),rgba(255,255,255,0)),radial-gradient(circle at 15% 95%,rgba(255,251,179,.79),rgba(255,255,255,0));opacity:.6;z-index:-10}.office_a img{width:90vw;margin-top:5vw}.office_b img{width:50vw;margin-top:5vw}#section01{margin:20vw 0;position:relative}.section_tittle{width:50vw}#section01 p{text-align:left}#section01 .office_b{text-align:left}#section01 .decoration{position:absolute;z-index:-1;top:70vw;right:0;width:80vw;height:50vw;opacity:.4}#section02{margin:20vw 0;position:relative}.section_tittle{width:50vw}#section02 p{text-align:left}#section02 .office_b{text-align:right}#section02 .decoration{position:absolute;z-index:-1;top:70vw;left:0;width:80vw;height:50vw;opacity:.4}#section03{margin:20vw 0;position:relative}.section_tittle{width:50vw}#section03 p{text-align:left}#section03 .office_b{text-align:left}#section03 .decoration{position:absolute;z-index:-1;top:70vw;right:-5vw;width:30vw;height:50vw;opacity:.4}#section04{margin:20vw 0;position:relative}.section_tittle{width:50vw}#section04 p{text-align:left}#section04 .office_b{text-align:right}#section04 .decoration{position:absolute;z-index:-1;top:70vw;left:15vw;width:50vw;height:50vw;opacity:.4}#section05{margin:20vw 0;position:relative}.section_tittle{width:50vw}#section05 p{text-align:left}#section05 .office_b{text-align:left}#section05 .decoration{position:absolute;z-index:-1;top:90vw;right:-5vw;width:75vw;height:30vw;opacity:.4}#section06{margin:20vw 0;position:relative}.section_tittle{width:50vw}#section06 p{text-align:left}#section06 .office_b{text-align:right}#section06 .decoration{position:absolute;z-index:-1;top:90vw;left:0;width:75vw;height:30vw;opacity:.4}#section07{margin:20vw 0;position:relative}.section_tittle{width:75vw}#section07 p{text-align:left}#section07 .office_b{text-align:left}#section07 .decoration{position:absolute;z-index:-1;top:70vw;right:-5vw;width:25vw;height:60vw;opacity:.4}#A_designer{background-color:#efefef;padding:15vw 0;width:100vw;margin-left:-5vw;font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif}#B_designer{background-color:#dcdddd;padding:15vw 0;width:100vw;margin-left:-5vw;font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif}.designer_title{width:86.6vw;margin:auto;margin-bottom:10vw}.designers{width:90vw;height:20vw;text-align:left;margin-bottom:5vw;margin-left:5vw;display:block}.designers img{width:20vw;float:left;margin-right:5vw}.designers h3{padding-top:5vw}.Companyprofile{margin:10vw 5vw 0;line-height:6vw}.Companyprofile p{margin:0}#office-main .Companyprofile h3{line-height:6vw}#A_designer p.indent{text-indent:1em;text-align:justify}#A_designer p{text-align:left}#B_designer p{text-align:left}h3{text-align:left}h3 span{font-size:2vw}.designer_web_btn img{margin-top:5vw;width:40vw}.companylogo{margin-top:3vw;width:40vw}.fade_l{opacity:0;transform:translateY(-3vw);transition:opacity 2.5s,transform 2s}.fade{opacity:0;transform:translateY(3vw);transition:opacity 1.5s,transform 2s}.fade.active{opacity:1;transform:translateY(0vw)}.fade_l.active{opacity:1;transform:translateY(0vw)}.fade_top{opacity:0;transform:translateY(3vw);transition:opacity 8s,transform 10s}.fade_top.active{opacity:1;transform:translateY(0vw)}#office-footer_deco{width:100vw}@media screen and (min-width:701px){.pc{display:block !important}.sp{display:none !important}#office-main h2{font-size:2.5vw;margin-bottom:4vw;line-height:2.5vw}#office-main h3{font-size:1.7vw;line-height:2.5vw}#office-main p{font-size:1.2vw}#office-top{position:relative}.office_top img{margin-top:7.14vw;width:100%}.office_a img{width:45.2vw;margin-top:0}.office_b img{width:23.9vw;margin-top:-3vw}#office-main br{display:block;line-height:initial;content:"";margin:1.5vw 0}#section01{margin:15vw 0;position:relative}.section_tittle{width:30.7vw}#section01 .section_text{float:left;width:30.7vw}#section01 p{text-align:left}#section01 .office_a{text-align:right}#section01 .office_b{text-align:left}#section01 .decoration{position:absolute;z-index:-1;top:6vw;right:3vw;width:45vw;height:30vw;opacity:.4}#section02{margin:15vw 0;position:relative}.section_tittle{width:30.7vw}#section02 .section_text{float:right;width:30.7vw}#section02 p{text-align:left}#section02 .office_a{text-align:left}#section02 .office_b{text-align:right}#section02 .decoration{position:absolute;z-index:-1;top:8vw;right:3vw;width:62vw;height:30vw;opacity:.4}#section03{margin:15vw 0;position:relative}.section_tittle{width:30.7vw}#section03 .section_text{float:left;width:30.7vw}#section03 p{text-align:left}#section03 .office_a{text-align:right}#section03 .office_b{text-align:left}#section03 .decoration{position:absolute;z-index:-1;top:6vw;right:35vw;width:15vw;height:30vw;opacity:.4}#section04{margin:15vw 0;position:relative}.section_tittle{width:30.7vw}#section04 .section_text{float:right;width:30.7vw}#section04 p{text-align:left}#section04 .office_a{text-align:left}#section04 .office_b{text-align:right}#section04 .decoration{position:absolute;z-index:-1;top:12vw;left:40vw;width:42vw;height:25vw;opacity:.4}#section05{margin:15vw 0;position:relative}.section_tittle{width:30.7vw}#section05 .section_text{float:left;width:30.7vw}#section05 p{text-align:left}#section05 .office_a{text-align:right}#section05 .office_b{text-align:left}#section05 .decoration{position:absolute;z-index:-1;top:22vw;right:-10.75vw;width:60vw;height:20vw;opacity:.4}#section06{margin:15vw 0;position:relative}.section_tittle{width:30.7vw}#section06 .section_text{float:right;width:30.7vw}#section06 p{text-align:left}#section06 .office_a{text-align:left}#section06 .office_b{text-align:right}#section06 .decoration{position:absolute;z-index:-1;top:20vw;right:0;left:30vw;width:42vw;height:25vw;opacity:.4}#section07{margin:15vw 0;position:relative}.section_tittle{width:30.7vw}#section07 .section_text{float:left;width:30.7vw}#section07 p{text-align:left}#section07 .office_a{text-align:right}#section07 .office_b{text-align:left}#section07 .decoration{position:absolute;z-index:-1;top:22vw;right:-5vw;width:20vw;height:20vw;opacity:.4}#A_designer,#B_designer{padding:10vw 0;width:100vw;margin-left:-10.75vw}.designer_title{width:46.4vw;margin:0 auto 5vw}.designers_main{width:57.1vw;margin:auto}.designers{width:28.5vw;height:auto;text-align:left;margin-bottom:5vw;margin-left:0;display:block;float:left}#B_designer .designers{width:50vw}.designers img{width:9.5vw;float:left;margin-right:2vw}.designers h3{padding-top:0}.designers p{line-height:1.7vw;letter-spacing:.08em}.Companyprofile{margin:0;line-height:3vw}.Companyprofile p{margin:0}#office-main .Companyprofile h3{line-height:3vw}#B_designer .designers_main .Companyprofile{clear:both}#A_designer p,#B_designer p{text-align:left;padding:0;margin:0}h3{text-align:left}h3 span{font-size:1vw}.designer_web_btn img{margin-top:5vw;width:15vw}.companylogo{margin-top:1vw;width:15vw}#office-main{padding:7.5vw 10.75vw;text-align:center;line-height:2.5vw}.decoration{height:29vw;width:100vw;margin-left:-10.75vw}.fade_l{opacity:0;transform:translateY(-3vw);transition:opacity 2.5s,transform 2s}.fade{opacity:0;transform:translateY(3vw);transition:opacity 1.5s,transform 2s}.fade.active{opacity:1;transform:translateY(0vw)}.fade_l.active{opacity:1;transform:translateY(0vw)}#office-footer_deco{width:100vw}}@media screen and (min-width:1401px){#office-main h2{font-size:35px;margin-bottom:56px;line-height:35px}#office-main h3{font-size:23px;line-height:35px}#office-main p{font-size:17px}#office-top{position:relative}.top_title{top:154px;left:calc((100% - 50vw) - 660px);width:441px}.office_top img{margin-top:100px;width:100%}.office_a img{width:632px;margin-top:0}.office_b img{width:335px;margin-top:-42px}#section01{margin:210px 0;position:relative}.section_tittle{width:430px}#section01 .section_text{float:left;width:430px}#section01 p{text-align:left}#section01 .office_a{text-align:right}#section01 .office_b{text-align:left}#section01 .decoration{position:absolute;z-index:-1;top:84px;right:42px;width:630px;height:420px;opacity:.4}#section02{margin:210px 0;position:relative}.section_tittle{width:430px}#section02 .section_text{float:right;width:430px}#section02 p{text-align:left}#section02 .office_a{text-align:left}#section02 .office_b{text-align:right}#section02 .decoration{position:absolute;z-index:-1;top:112px;left:calc(50% - 700px);width:868px;height:420px;opacity:.4}#section03{margin:210px 0;position:relative}.section_tittle{width:430px}#section03 .section_text{float:left;width:430px}#section03 p{text-align:left}#section03 .office_a{text-align:right}#section03 .office_b{text-align:left}#section03 .decoration{position:absolute;z-index:-1;top:84px;right:490px;width:210px;height:420px;opacity:.4}#section04{margin:210px 0;position:relative}.section_tittle{width:430px}#section04 .section_text{float:right;width:430px}#section04 p{text-align:left}#section04 .office_a{text-align:left}#section04 .office_b{text-align:right}#section04 .decoration{position:absolute;z-index:-1;top:168px;left:calc(50% - 140px);width:588px;height:350px;opacity:.4}#section05{margin:210px 0;position:relative}.section_tittle{width:430px}#section05 .section_text{float:left;width:430px}#section05 p{text-align:left}#section05 .office_a{text-align:right}#section05 .office_b{text-align:left}#section05 .decoration{position:absolute;z-index:-1;top:308px;right:-150px;width:840px;height:266px;opacity:.4}#section06{margin:210px 0;position:relative}.section_tittle{width:430px}#section06 .section_text{float:right;width:430px}#section06 p{text-align:left}#section06 .office_a{text-align:left}#section06 .office_b{text-align:right}#section06 .decoration{position:absolute;z-index:-1;top:280px;right:0;left:calc(50% - 280px);width:588px;height:350px;opacity:.4}#section07{margin:210px 0;position:relative}.section_tittle{width:430px}#section07 .section_text{float:left;width:430px}#section07 p{text-align:left}#section07 .office_a{text-align:right}#section07 .office_b{text-align:left}#section07 .decoration{position:absolute;z-index:-1;top:308px;right:-70px;width:280px;height:280px;opacity:.4}#A_designer,#B_designer{padding:140px 0;width:100vw;margin-left:calc((100% - 50vw) - 550px)}.designer_title{width:650px;margin:0 auto 70px}.designers_main{width:800px;margin:auto}.designers{width:400px;height:auto;text-align:left;margin-bottom:70px;margin-left:0;display:block;float:left}#B_designer .designers{width:700px}.designers img{width:133px;float:left;margin-right:28px}.designers p{line-height:25px;letter-spacing:.08em}.Companyprofile{margin:0;line-height:42px}#office-main .Companyprofile h3{line-height:42px}#A_designer h3,#B_designer h3{text-align:left;padding:0;margin:13 0}#A_designer p,#B_designer p{text-align:left;padding:0;margin:0}h3{text-align:left}h3 span{font-size:14px}.designer_web_btn img{margin-top:70px;width:210px}.companylogo{margin-top:14px;width:210px}#office-main{padding:105px calc((100% - 50vw) - 550px);text-align:center;line-height:35px}.decoration{height:406px;width:100%;margin-left:0}.fade_l{opacity:0;transform:translateY(-42px);transition:opacity 2.5s,transform 2s}.fade{opacity:0;transform:translateY(42px);transition:opacity 1.5s,transform 2s}.fade.active{opacity:1;transform:translateY(0px)}.fade_l.active{opacity:1;transform:translateY(0px)}#office-footer_deco{width:1400px;margin-left:calc((100% - 50vw) - 700px)}}