@charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;background:0 0;border:0;outline:0;font-size:1em}html{font-size:62.5%}body,table,input,textarea,select,option{font-family:'Roboto',sans-serif}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}img{vertical-align:top;max-width:100%;height:auto}a,a:link{color:#fff;text-decoration:none;transition:.3s}a:visited{color:#fff}a:hover{color:#fff}a:active{color:#fff}.clearfix:after{content:"";display:block;clear:both}.flex,.flexA,.flexB,.flexC{display:flex;flex-wrap:wrap}.flexA{justify-content:space-around}.flexB{justify-content:space-between}.flexC{justify-content:center}body{min-width:1000px;color:#fff;font-size:1.3rem;line-height:1.5;text-size-adjust:none;-webkit-text-size-adjust:none;background-color:#000;-webkit-font-smoothing:antialiased}body.fixed{position:fixed !important;width:100% !important;height:100% !important;overflow-y:scroll !important}#container{position:relative;text-align:left;overflow:hidden}#main{position:relative;z-index:3}a[href^="tel:"]{cursor:default;pointer-events:none}@media all and (min-width:768px){.sp{display:none !important}}@media all and (max-width:767px){body{min-width:inherit}body.fixed{overflow-y:hidden}a:hover,a:hover img{opacity:1 !important}.pc{display:none !important}a[href^="tel:"]{cursor:pointer;pointer-events:auto}}.menu{position:fixed;right:34px;top:13px;width:36px;height:36px;cursor:pointer;z-index:101;transition:opacity .25s ease;-webkit-transition:all .3s ease;transition:all .3s ease;box-sizing:border-box;z-index:100}.menu>div{margin:17px auto;width:36px;height:36px;position:relative}.menu span{background-color:#fff;border:none;height:1px;width:36px;position:absolute;top:0;left:0;transition:.6s ease,background .6s ease,-webkit-transform .6s ease;cursor:pointer}.menu span:nth-of-type(2){opacity:0}.menu span:nth-of-type(3){top:6px;width:18px}.menu.active .top{-webkit-transform:translateY(6px) translateX(0) rotate(45deg);-ms-transform:translateY(6px) translateX(0) rotate(45deg);transform:translateY(6px) translateX(0) rotate(45deg)}.menu.active .middle{opacity:0}.menu.active .bottom{width:36px;-webkit-transform:translateY(0) translateX(0) rotate(-45deg);-ms-transform:translateY(0) translateX(0) rotate(-45deg);transform:translateY(0) translateX(0) rotate(-45deg)}.menu.active .open{display:none}.menu.active .close{display:block;letter-spacing:2px}.menuBox{padding:0 63px;position:fixed;right:-650px;top:0;width:650px;height:100%;overflow-y:auto;background-color:rgba(10,10,10,.92);box-sizing:border-box;transition:.5s ease-in-out;z-index:99}.menuBox.open{right:0}.menuBox .inner{width:100%;height:100%;display:flex;align-items:center}.menuBox .sideLink{position:absolute;top:50%;transform:translateY(-50%);right:48px}.menuBox .sideLink a{font-weight:300;font-size:1rem;letter-spacing:.07em;display:inline-block;-webkit-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:tb-rl;writing-mode:vertical-rl}.menuBox .subBox{width:100%;margin:20px 0;display:flex}.menuBox .subBox .logo{margin-right:83px}.menuBox .subBox .comListUl{margin-top:-5px}.menuBox .subBox .comListUl li:not(:last-child){margin-bottom:43px}.menuBox .subBox .comListUl li .ttl{margin-bottom:5px;font-size:1.8rem;line-height:1.5}@media all and (min-width:1001px){#gHeader .menu:hover{opacity:.6}.menuBox .sideLink a:hover{opacity:.6}}@media all and (max-width:767px){#gHeader .menu{right:26px;top:7px}#gHeader h1{position:absolute;left:20px;top:31px;width:124px;z-index:10}.menuBox{padding:0 32px;right:-100%;width:100%}.menuBox .inner{display:block;height:auto}.menuBox .sideLink{right:36px}.menuBox .subBox{margin:28px 0;display:block}.menuBox .subBox .logo{margin:31px 0 100px -12px}.menuBox .subBox .logo img{width:124px}.menuBox .subBox .comListUl{margin:0 7px}.menuBox .subBox .comListUl li:not(:last-child){margin-bottom:30px}.menuBox .subBox .comListUl li .ttl{margin-bottom:8px;font-size:1.5rem}}#gFooter{padding:70px 30px 45px;background-color:#000;position:relative;z-index:2}#gFooter .pageTop{margin-bottom:90px;text-align:center}#gFooter .fBox{margin-bottom:154px;display:flex;justify-content:space-between}#gFooter .comListUl{width:calc(100% - 150px);display:flex;justify-content:flex-end}#gFooter .comListUl li{margin-left:10px;width:158px}#gFooter .comListUl li:nth-child(2){width:250px}#gFooter .comListUl li:nth-child(3){width:188px}#gFooter .comListUl li:nth-child(4){width:auto}#gFooter address{text-align:right;color:#acacac;font-size:1rem;letter-spacing:.04em;font-style:normal}@media all and (min-width:1001px){#gFooter .pageTop a:hover{opacity:.6}}@media all and (max-width:767px){#gFooter{padding:60px 0 48px}#gFooter .pageTop{margin-bottom:55px}#gFooter .fBox{margin-bottom:45px;flex-wrap:wrap}#gFooter .comListUl{margin-bottom:69px;order:0;width:100%;flex-wrap:wrap;justify-content:space-between}#gFooter .comListUl li{margin:0 0 35px;width:47.7% !important}#gFooter .fLogo{order:2;width:100%;text-align:center}#gFooter .fLogo img{width:126px}#gFooter address{text-align:center;font-size:.9rem;letter-spacing:.01em}}.content{margin:0 auto;max-width:1110px}@media all and (max-width:767px){.content{margin:0 30px}}.comListUl p{color:#a5a5a5;letter-spacing:.04em;line-height:1.7}.comListUl .ttl{margin-bottom:10px;color:#fff;font-size:1.5rem;font-weight:500;letter-spacing:.04em}.comListUl .mail a{display:inline-block;border-bottom:1px solid rgba(255,255,255,.6)}.comListUl .link a{padding-right:18px;display:inline-block;background:url(//www.studio-glam.com/img/common/icon01.png) no-repeat right 8px/11px auto}@media all and (min-width:1001px){.comListUl .mail a:hover{opacity:.6}.comListUl .link a:hover{opacity:.6}}@media all and (max-width:767px){.comListUl p{letter-spacing:.02em;font-size:1.2rem;line-height:1.67}.comListUl .ttl{margin-bottom:7px;font-size:1.3rem;letter-spacing:.02em}.comListUl .link{margin-top:5px}.comListUl .link a{padding-right:16px}}.woksList{margin:-74px -1px 0;display:flex;flex-wrap:wrap}.woksList li{padding:74px 1px 0;width:calc(100%/3);box-sizing:border-box}.woksList a{display:block}.woksList .photo{margin-bottom:15px;overflow:hidden}.woksList a img{transition:.5s;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.woksList h3{margin-bottom:7px;margin-right:25px;font-size:1.7rem;font-weight:500;letter-spacing:.03em}.woksList p{color:#acacac;font-size:1.1rem;letter-spacing:.05em}@media all and (min-width:1001px){.woksList a:hover img{transform:scale(1.05)}}@media all and (min-width:768px){.woksList li.isnum0 h3{margin:0 25px 7px}.woksList li.isnum0 p{margin:0 25px}}@media all and (max-width:767px){.woksList{margin:-41px -1px 0 !important}.woksList li{padding:41px 1px 0 !important;width:calc(100%/2) !important}.woksList .photo{margin-bottom:9px !important}.woksList h3{margin:0 20px 4px 0 !important;font-size:1.3rem;letter-spacing:.01em}.woksList p{font-size:1rem;letter-spacing:.01em !important}.woksList li.isnum0 h3{margin:0 15px 2px !important}.woksList li.isnum0 p{margin:0 15px !important}}.mainVisual{position:relative}.mainVisual .foo{height:100vh}.mainVisual .foo li{position:absolute;right:0;top:0;width:100%;height:100%;overflow:hidden;z-index:3}.mainVisual .foo li.prev{z-index:3}.mainVisual .foo li.show{animation:show 1s forwards;z-index:4}@keyframes show{0%{width:0}100%{width:100%}}.mainVisual .foo li .inner{position:absolute;right:0;top:0;height:100%;width:100%}.mainVisual .foo li .inner .photo{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center}.mainVisual .foo li p{position:absolute;right:9.6%;bottom:100px;z-index:1;color:#acacac;font-size:1.2rem;letter-spacing:.05em;text-align:right;z-index:2}.mainVisual .foo li p span.top{margin-bottom:10px;display:block;color:#fff;font-size:2.2rem;letter-spacing:.03em;line-height:1.4}.mainVisual .foo li p span span{color:transparent;opacity:0;text-shadow:0 0 100px #fff;transition:1s}.mainVisual .foo li.animate p span span{opacity:1;text-shadow:0 0 0px #fff}.mainVisual .foo li p .bottom span{text-shadow:0 0 100px #acacac}.mainVisual .foo li.animate p .bottom span{text-shadow:0 0 0px #acacac}.mainVisual .logo{position:absolute;left:8.84%;bottom:100px;z-index:3}.mainVisual .btn{position:absolute;right:25px;bottom:0;z-index:10}.mainVisual .btn a{height:39px;width:10px;position:relative;display:block;overflow:hidden}.mainVisual .btn a:after{left:4px;content:'';width:1px;height:39px;position:absolute;background-color:#fff;top:0;transform:translateY(-100%);-webkit-animation:LINE 2.6s ease infinite;animation:LINE 2.6s ease infinite}@keyframes LINE{0%{transform:translateY(-100%)}36%{transform:translateY(0%)}61%{transform:translateY(100%)}100%{transform:translateY(100%)}}@media all and (-ms-high-contrast:none){.mainVisual .btn{bottom:22px}.mainVisual .btn a{padding-bottom:0}.mainVisual .btn a:after{bottom:-22px}}#index .works{padding-top:10px}#main .ttlBox{margin:0 133px 64px;display:flex;justify-content:space-between}#main .ttlBox h2{font-weight:400;letter-spacing:.02em}#main .ttlBox .linkList{margin-top:-4px;display:flex;justify-content:flex-end}#main .ttlBox .linkList>li{width:170px;position:relative;margin-left:50px}#main .ttlBox .linkList li ul{display:none;position:absolute;padding:15px 0;left:0;top:100%;width:100%;z-index:10;background-color:rgba(25,25,25,.88);box-sizing:border-box}#main .ttlBox .linkList li li a{padding:7px 20px;display:block;font-weight:500;letter-spacing:.03em}#main .ttlBox .linkList>li>a{padding:0 20px 2px 0;position:relative;letter-spacing:.03em;font-weight:500;display:block;border-bottom:1px solid rgba(255,255,255,.5)}#main .ttlBox .linkList>li>a:after{position:absolute;right:3px;top:2px;width:7.5px;height:7.5px;border-right:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);transform:rotate(45deg);content:""}#index #main{padding-bottom:75px}@media all and (min-width:1001px){.mainVisual .btn a:hover{opacity:.6}#main .ttlBox .linkList li li a:hover{opacity:.6}#main .ttlBox .linkList>li>a:hover{opacity:.6}}@media all and (max-width:1300px){#main .ttlBox{margin:0 9.6% 64px}}@media all and (max-width:767px){.mainVisual .foo li:after{height:54%}.mainVisual .foo li p{right:auto;left:27px;bottom:100px;letter-spacing:.04em;text-align:left}.mainVisual .foo li p span.top{margin-bottom:15px;font-size:2rem;letter-spacing:.02em}.mainVisual .foo li .inner:after{background:url(//www.studio-glam.com/img/index/sp_visual_bg.png)}.mainVisual .btn{right:25px}.mainVisual .btn a{height:30px}.mainVisual .btn a:after{height:30px}#main .ttlBox{margin:0 27px 40px;display:block}#main .ttlBox h2{margin-bottom:26px;text-align:center}#main .ttlBox .linkList{margin-top:0;justify-content:space-between}#main .ttlBox .linkList>li{width:43.3%;margin-left:0}#main .ttlBox .linkList>li>a{font-size:1.25rem}#main .ttlBox .linkList>li>a:after{right:2px;width:7px;height:7px}#index #main{padding-bottom:24px}}#conts{margin:30px 282px 130px 30px;min-height:100vh}#conts .mainImg{position:relative;padding-bottom:66.7%;overflow:hidden}#conts .mainImg img{position:absolute;left:0;top:0;width:100%;height:auto}#conts figure{margin:0;text-align:center}#conts figure img{margin-top:30px;max-height:1300px;width:auto}#conts figure:first-child img{margin-top:0}#conts figure p{margin-top:20px;color:#acacac;text-align:left;letter-spacing:.03em}.sideTxt{position:fixed;top:50%;width:215px;right:34px;transform:translateY(-50%);z-index:80}.sideTxt .ttl{margin-bottom:17px;font-size:2rem;font-weight:500;letter-spacing:.02em}.sideTxt .txt{margin-bottom:35px;color:#acacac;letter-spacing:.03em}.sideTxt .txtList li{margin-bottom:4px;font-weight:300;font-size:1.1rem;letter-spacing:.05em}.sideTxt .txtList li:last-child{margin-bottom:0}#main .bgSec{padding:133px 0 127px;background-color:#141414}#main .bgSec .ttlBox{margin:0 30px 65px;display:block;position:relative}#main .bgSec .ttlBox h2{margin:0;font-size:2.2rem;font-weight:100;letter-spacing:.08em;line-height:1.2;text-align:center}#main .bgSec .ttlBox .linkList{position:absolute;right:0;top:2px}#main .bgSec .ttlBox .linkList>li{margin-left:45px}#main .bgSec .ttlBox .linkList>li>a{font-weight:300}#main .bgSec .woksList{margin-top:-58px}#main .bgSec .woksList li{padding:58px 0 0;margin:0 1px;width:calc(12.5% - 2px)}#main .bgSec .woksList .photo{margin-bottom:13px}#main .bgSec .woksList h3{margin:0 0 4px;font-size:1.3rem}#main .bgSec .woksList p{margin:0;letter-spacing:.04em}@media all and (min-width:1601px) and (max-width:1800px){#main .bgSec .woksList li{width:calc(14.27% - 2px)}#main .bgSec .woksList h3{margin:0 0 4px !important}#main .bgSec .woksList p{margin:0 !important}}@media all and (min-width:1401px) and (max-width:1600px){#main .bgSec .woksList li{width:calc(16.6% - 2px)}#main .bgSec .woksList h3{margin:0 0 4px !important}#main .bgSec .woksList p{margin:0 !important}}@media all and (min-width:1201px) and (max-width:1400px){#main .bgSec .woksList li{width:calc(20% - 2px)}#main .bgSec .woksList li h3{margin:0 0 4px !important}#main .bgSec .woksList p{margin:0 !important}}@media all and (min-width:768px) and (max-width:1200px){#main .bgSec .woksList li{width:calc(25% - 2px)}#main .bgSec .woksList li h3{margin:0 0 4px !important}#main .bgSec .woksList p{margin:0 !important}}@media all and (min-width:768px) and (max-width:1100px){#main .bgSec .ttlBox h2{text-align:left}}@media all and (min-width:768px){.sideTxt{display:flex;flex-direction:column;justify-content:center;height:100vh}.sideTxt.nofixed{position:absolute;top:auto;bottom:0;transform:translateY(0)}section.works{position:relative}#main .bgSec .woksList li h3{margin:0 20px 4px 0 !important}#main .bgSec .woksList li.isnum0 h3{margin:0 20px 4px !important}#main .bgSec .woksList li.isnum0 p{margin:0 20px !important}}@media all and (max-width:1100px){#conts{margin:0 18px 70px}#conts figure img{margin-top:18px;max-height:95.5vw}#conts figure p{margin-top:15px;font-size:1.2rem}.sideTxt{margin:68px 17px 46px;position:static !important;top:auto;width:auto;right:auto;height:auto;transform:none}}@media all and (max-width:767px){#works #gHeader h1{display:none}.sideTxt .ttl{margin-bottom:9px;font-size:1.8rem}.sideTxt .txt{margin-bottom:25px;font-size:1.2rem}.sideTxt .txtList li{margin-bottom:4px;font-size:1.1rem}#conts figure img{width:100%!important;height:auto!important;max-height:none}#main .bgSec{padding:50px 0 60px}#main .bgSec .ttlBox{margin:0 28px 40px}#main .bgSec .ttlBox h2{margin:0 0 37px;font-size:2rem;letter-spacing:.03em}#main .bgSec .ttlBox .linkList{position:static;right:auto;top:auto}#main .bgSec .ttlBox .linkList>li{margin-left:0}#main .bgSec .woksList li{margin:0}}#loading{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background-color:#000;display:flex;justify-content:center;align-items:center}#index>.pace{display:none !important}body:after{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:9999;content:"";transition:opacity .6s ease,visibility .6s ease}body.pageShow:after{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}.woksList li{display:none}.woksList li.iscat.isyear{display:block}.mainVisual .foo li:nth-child(3),.mainVisual .foo li:nth-child(1){width:100%;opacity:1}.mainVisual .foo li:nth-child(3).show,.mainVisual .foo li:nth-child(1).show{animation:fadeshow 2s forwards}.mainVisual .foo li:nth-child(1).first{animation:none}@keyframes fadeshow{0%{opacity:0}100%{opacity:1}}.mainVisual .foo li:nth-child(2){width:100%;opacity:1}.mainVisual .foo li:nth-child(2).show{animation:fadeshow 2s forwards}@keyframes fadeshow{0%{opacity:0}100%{opacity:1}}.mainVisual .foo li:nth-child(1) .photo{width:110%;left:0}.mainVisual .foo li:nth-child(3) .photo{width:110%;left:-10%}.mainVisual .foo li:nth-child(1).show .photo{animation:toright 5s forwards linear}.mainVisual .foo li:nth-child(3).show .photo{animation:toleft 5s forwards linear}@keyframes toright{0%{left:-10%}100%{left:0}}@keyframes toleft{0%{left:0}100%{left:-10%}}.mainVisual .foo li:nth-child(2) .photo{transform:scale(1)}.mainVisual .foo li:nth-child(2).show .photo{animation:zoomin 5s forwards linear}@keyframes zoomin{0%{transform:scale(1.1)}100%{transform:scale(1)}}.sideTxt .txtList li .animateTxt,.sideTxt .ttl .animateTxt,.woksList h3 .animateTxt{color:transparent;opacity:0;text-shadow:0 0 100px #fff;transition:1s}.sideTxt.show .txtList li .animateTxt,.sideTxt.show .ttl .animateTxt,.woksList.show h3 .animateTxt{opacity:1;text-shadow:0 0 0 #fff}.sideTxt .txt .animateTxt,.woksList p .animateTxt{color:transparent;opacity:0;text-shadow:0 0 100px #acacac;transition:1s}.sideTxt.show .txt .animateTxt,.woksList.show p .animateTxt{opacity:1;text-shadow:0 0 0 #acacac}@media all and (-ms-high-contrast:none){.mainVisual .foo li p span span{text-shadow:0 0 0px #fff;opacity:1}.mainVisual .foo li p span.bottom span{text-shadow:0 0 0px #acacac}.mainVisual .foo li p{opacity:0;display:block;transform:translateY(20px);transition:1s}.mainVisual .foo li.animate p{opacity:1;transform:translateY(0)}}.woksList li{opacity:0;transform:scale(.95);transition:transform 1s,opacity 1s;transition-timing-function:cubic-bezier(.645,.045,.355,1)}.woksList.show li{opacity:1;transform:scale(1)}#main .ttlBox{position:relative;z-index:2}.menuBox .subBox .comListUl li{opacity:0;filter:blur(10px);transition:.8s;transform:scale(1.2)}.menuBox.open .subBox .comListUl li{opacity:1;filter:blur(0);transform:scale(1)}.fadeIn{opacity:0;transition:opacity 1s cubic-bezier(.645,.045,.355,1)}.fadeIn.show{opacity:1}.mainVisual .backstretch:before{position:absolute;left:0;top:0;width:100%;height:258px;background:url(//www.studio-glam.com/img/index/visual_bg02.png) no-repeat center top/100% 100%;content:"";z-index:1}.mainVisual .backstretch:after{position:absolute;left:0;bottom:0;width:100%;height:360px;background:url(//www.studio-glam.com/img/index/visual_bg.png) no-repeat center bottom/100% 100%;content:"";z-index:1}#index #main{padding-top:122px;background-color:#000}@media all and (max-width:767px){.mainVisual .backstretch:after{background:url(//www.studio-glam.com/img/index/sp_visual_bg.png)}.mainVisual .backstretch:before{height:217px;background:url(//www.studio-glam.com/img/index/sp_visual_bg02.png)}#index #main{padding-top:71px}}#loading .logo{position:absolute;left:8.84%;bottom:100px;opacity:0;animation-delay:.2s}#loading .logo.show{animation:logoshow 5s forwards}@keyframes logoshow{0%{opacity:0}100%{opacity:1}}body#index{position:fixed;width:100%;height:100%;overflow-y:scroll}body#index.nofixed{position:relative;width:auto;height:auto;overflow:auto}@media all and (max-width:767px){#loading .logo{left:20px;bottom:auto;top:31px;width:124px}}#container .content.error{padding:25vh 0 60px;text-align:center}#container .content.error .errorTxt{text-align:center;color:#acacac;font-size:1.3rem;letter-spacing:.05em;line-height:1.75}#container .content.error .errorTxt span{display:block;font-size:3.6rem;letter-spacing:.04em;font-weight:300;margin:0 0 18px;color:#fff}#container .content.error .errorTxt a{color:#acacac;border-bottom:1px solid #414141}@media all and (min-width:768px){#container .content.error .errorTxt a:hover{opacity:.5}}@media all and (max-width:767px){#container .content.error{padding:20vh 0 55px}#container .content.error .errorTxt{font-size:1.2rem;line-height:1.73}#container .content.error .errorTxt span{font-size:2.6rem}}#works .woksList li{transition:transform .5s,opacity .5s;transition-timing-function:cubic-bezier(.645,.045,.355,1)}#main .ttlBox .linkList li li a.notallowed{opacity:.5;pointer-events:none}