@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap);@font-face{font-family:"Kinto Sans";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/font/KintoSans-Light.woff2) format("woff2"),url(/assets/font/KintoSans-Light.woff) format("woff"),url(/assets/font/KintoSans-Light.ttf) format("truetype")}@font-face{font-family:"Kinto Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/font/KintoSans-Regular.woff2) format("woff2"),url(/assets/font/KintoSans-Regular.woff) format("woff"),url(/assets/font/KintoSans-Regular.ttf) format("truetype")}@font-face{font-family:"Kinto Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/font/KintoSans-Medium.woff2) format("woff2"),url(/assets/font/KintoSans-Medium.woff) format("woff"),url(/assets/font/KintoSans-Medium.ttf) format("truetype")}@font-face{font-family:"Kinto Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/font/KintoSans-Bold.woff2) format("woff2"),url(/assets/font/KintoSans-Bold.woff) format("woff"),url(/assets/font/KintoSans-Bold.ttf) format("truetype")}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/font/YakuHanJP-DemiLight.eot);src:url(/assets/font/YakuHanJP-DemiLight.woff2) format("woff2"),url(/assets/font/YakuHanJP-DemiLight.woff) format("woff");unicode-range:U+3001-3002,U+3008-3011,U+3014-3015,U+30fb,U+ff01,U+ff08-ff09,U+ff1a-ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/font/YakuHanJP-Regular.eot);src:url(/assets/font/YakuHanJP-Regular.woff2) format("woff2"),url(/assets/font/YakuHanJP-Regular.woff) format("woff");unicode-range:U+3001-3002,U+3008-3011,U+3014-3015,U+30fb,U+ff01,U+ff08-ff09,U+ff1a-ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/font/YakuHanJP-Medium.eot);src:url(/assets/font/YakuHanJP-Medium.woff2) format("woff2"),url(/assets/font/YakuHanJP-Medium.woff) format("woff");unicode-range:U+3001-3002,U+3008-3011,U+3014-3015,U+30fb,U+ff01,U+ff08-ff09,U+ff1a-ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/font/YakuHanJP-Bold.eot);src:url(/assets/font/YakuHanJP-Bold.woff2) format("woff2"),url(/assets/font/YakuHanJP-Bold.woff) format("woff");unicode-range:U+3001-3002,U+3008-3011,U+3014-3015,U+30fb,U+ff01,U+ff08-ff09,U+ff1a-ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}.c-heading{font-weight:300;line-height:1.4}.c-heading .c-headingRuby{display:inline-block;color:#6B6B6B;font-weight:500}.c-heading.-others{font-weight:400;line-height:1.85}.c-headingLead{position:relative;display:inline-block}.c-headingLead__cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#f6f6f6;-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:.8;-webkit-backface-visibility:hidden;backface-visibility:hidden}.c-headingLead__cover.-gray{position:absolute;top:0;left:0;width:100%;height:100%;background:#efefef;-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:.8;-webkit-backface-visibility:hidden;backface-visibility:hidden}.c-headingWrap.-border{border-bottom:1px solid #ddd}.c-projectList__item{-webkit-backface-visibility:hidden;backface-visibility:hidden}.c-projectList__link{position:relative;display:block;color:#000;text-decoration:none;border-radius:12px;background:#fdfdfd}.c-projectList__link::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.c-projectList__link::before{border-radius:12px}.c-projectList__thumb{position:relative;border-radius:12px 12px 0 0;overflow:hidden}.c-projectList__thumbCover{position:absolute;top:0;left:0;width:100.1%;height:100.1%;background:#e7e7e7;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none}.c-projectList__head{position:relative}.c-projectList__arrow{position:absolute;left:0;border-radius:100%}.c-projectList__arrow::after,.c-projectList__arrow::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%}.c-projectList__arrow::before{background:#fdfdfd}.c-projectList__arrow::after{background:#262626;-webkit-transform:scale(0);transform:scale(0)}.c-projectList__arrowInner{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);z-index:1}.c-projectList__title{font-weight:300;line-height:1.4}.c-projectList__client{position:relative;color:#888;display:inline-block}.c-projectList__clientCover{position:absolute;top:0;left:0;width:100%;height:100%;background:#fdfdfd;-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:.8;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none}.p-section{position:relative;background:#f6f6f6}.p-section.-gray{background:#efefef}.p-section.-border{border-top:1px solid #e7e7e7}.p-sectionHead{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden}.p-sectionHead__body{-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.l-contentWrap{position:relative}.p-project{position:relative}.p-project .c-projectList__item{opacity:0}.p-projectHead{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden}.p-projectHead__body{-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.p-hero{position:relative}.p-hero img{width:100%}.p-hero.-movie{cursor:pointer}.p-pageHead__title{font-weight:300;line-height:1.4}.p-pageHead__client{color:#888;font-weight:500}.p-hero{position:relative}.p-hero__cover{position:absolute;top:0;left:0;width:100.1%;height:100.1%;background:#e7e7e7;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2}.p-hero__playBtn{position:absolute;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.p-detail{position:relative}.p-detail__body img{width:100%}.p-outline__title{font-weight:400}.p-divItem__inner{position:relative;display:block;text-decoration:none;color:#000}.p-divItem__icon{position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);background:#f5f5f5;border-radius:100%;box-shadow:2px 2px 6px rgba(9,35,64,.14)}.p-divItem__icon::before{box-shadow:-4px -4px 6px #fff}.p-divItem__icon::after,.p-divItem__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%}.p-divItem__icon::before{background:#f5f5f5}.p-divItem__icon::after{background:#888;-webkit-transform:scale(0);transform:scale(0)}.p-divItem__arrow{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);z-index:1}.p-interview{position:relative}.p-interview__head{position:relative;width:100%}.p-interview__head img{width:100%}.p-interview__headTitleWrap{position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:1}.p-interview__headTitle{color:#fff;font-weight:400}.p-interview__title{font-weight:700}.p-interview__headBg{position:relative}.p-interview__headCover{position:absolute;top:0;left:0;width:100.1%;height:100.1%;background:#e7e7e7;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.p-interview__body{background-color:#262626;color:#fff}.p-interview__author{font-weight:700}.p-interview__author::after{content:"：";display:inline-block;font-weight:700}.p-member__title{font-weight:700}.p-interview__imageList{position:relative}.p-interview__image{position:relative}.p-interview__imageOver{position:absolute;top:0;left:0;width:100.1%;height:100.1%;background:#e7e7e7;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2}.p-interview__comment a{color:#fff}.p-interview__stepList{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.p-stepItem{width:100%;min-height:95px;height:auto;padding:15px 0;border-top:1px dotted #fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.p-stepItem:last-child{border-bottom:1px dotted #fff}.p-stepItem__label{display:block;text-align:center;font-size:.6666666667rem}.p-stepItem__number{display:block;text-align:center;font-size:1.6rem;font-weight:500;font-family:"Kinto Sans";line-height:1.4}.p-stepItem__text{width:100%}.p-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;visibility:hidden;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1)}.p-modal.active{visibility:visible;opacity:1;transition:all .6s cubic-bezier(.215,.61,.355,1)}.p-modal__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.p-modal__inner{width:100%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.p-modal__closeBtn{margin-top:30px;cursor:pointer;transition:opacity .3s cubic-bezier(.445,.05,.55,.95),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:opacity .3s cubic-bezier(.445,.05,.55,.95),transform .5s cubic-bezier(.215,.61,.355,1);transition:opacity .3s cubic-bezier(.445,.05,.55,.95),transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1)}.p-modal__closeBtn:hover{opacity:.5;-webkit-transform:scale(.95);transform:scale(.95);transition:opacity .3s cubic-bezier(.445,.05,.55,.95),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:opacity .3s cubic-bezier(.445,.05,.55,.95),transform .5s cubic-bezier(.215,.61,.355,1);transition:opacity .3s cubic-bezier(.445,.05,.55,.95),transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1)}.p-modal__videoBox{z-index:1}.p-modal__closeBtn{z-index:1}@media screen and (min-width:768px){.c-heading{font-size:2.8rem}.c-heading .c-headingRuby{padding-left:10px;font-size:.8666666667rem}.c-heading.-others{font-size:1.2rem;letter-spacing:.6px}.c-headingLead{margin:4px 0 0;font-size:20px}.c-headingWrap{margin:18px 0;padding:22px 0}.c-projectList__item+.c-projectList__item{margin:60px 0 0}.c-projectList__link{box-shadow:4px 7px 16px rgba(9,35,64,.1)}.c-projectList__link::before{box-shadow:-7px -7px 14px #fff}.c-projectList__link:hover .c-projectList__thumb img{-webkit-transform:scale(1.1);transform:scale(1.1)}.c-projectList__link:hover .c-projectList__title{opacity:.4}.c-projectList__link:hover .c-projectList__client{opacity:.4}.c-projectList__link:hover .c-projectList__arrow::before{-webkit-transform:scale(1.2);transform:scale(1.2)}.c-projectList__link:hover .c-projectList__arrow::after{-webkit-transform:scale(1.23);transform:scale(1.23);transition:all .5s cubic-bezier(.19,1,.22,1) 50ms}.c-projectList__link:hover .c-projectList__arrowInner{border-color:#fff}.c-projectList__thumb{background:#fdfdfd}.c-projectList__thumb img{width:100%;transition:-webkit-transform .7s cubic-bezier(.19,1,.22,1);transition:transform .7s cubic-bezier(.19,1,.22,1);transition:transform .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1)}.c-projectList__body{padding:40px 30px}.c-projectList__arrow{top:.2em;width:48px;height:48px;width:50px;box-shadow:0 3px 4px rgba(9,35,64,.14)}.c-projectList__arrow::before{transition:all .5s cubic-bezier(.19,1,.22,1);box-shadow:-3px -3px 4px #fff}.c-projectList__arrow::after{transition:all .5s cubic-bezier(.19,1,.22,1)}.c-projectList__arrowInner{left:45%;width:8px;height:8px;border-top:2px solid #000;border-right:2px solid #000}.c-projectList__title{position:relative;padding:0 0 0 78px;font-size:2.4rem;transition:opacity .5s ease}.c-projectList__title small{font-size:1.7333333333rem}.c-projectList__client{padding:10px 0 0 78px;font-size:.8rem;transition:opacity .5s ease}.p-section{padding:114px 0 122px}.p-section__inner{width:78.91vw;margin:0 auto}.p-section__moreLink{margin:80px auto 0;max-width:260px;text-align:center}.p-sectionHead{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.p-sectionHead+.p-sectionBody{margin:74px 0 0}.l-contentWrap{background-color:#f5f5f5;padding-top:180px}.l-contentWrap__inner{width:78.91vw;margin:0 auto}.p-sectionBody.-proDetail{margin-top:50px;margin-bottom:21px}.p-project{padding:188px 0 122px}.p-project__inner{width:78.91vw;margin:0 auto}.p-projectBody{padding-left:3.91vw;padding-left:0;margin-top:65px;margin-bottom:5px}.p-projectHead{padding:0 0 50px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.p-projectBody{margin:66px 0 0}.p-pageHead{margin:0 7.43vw}.p-pageHead__title{font-size:2.8rem}.p-pageHead__title small{font-size:1.7333333333rem}.p-pageHead__client{font-size:.7333333333rem;margin-top:6px;margin-left:3px}.p-hero{margin-top:90px}.p-hero__playBtn{bottom:47px;left:67px}.p-hero__playBtn img{width:64px;height:64px}.p-hero__playText{color:#fff;padding-left:25px}.p-detail{padding-top:122px;padding-bottom:149px}.p-detail__section{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden}.p-detail__section:not(:first-child){margin-top:118px}.p-detail__head{width:186px;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-top:4px;font-size:.8666666667rem}.p-detail__body{width:100%;margin-left:42px}.p-outline__title{font-size:1.7333333333rem;line-height:1.4}.p-outline__description{margin-top:26px;font-size:1rem;line-height:1.85}.p-outline__image{margin-top:71px}.p-division__title{font-size:1.2rem;padding-bottom:57px;border-bottom:1px solid #ddd}.p-divItem__inner{padding:40px 0 40px 108px;border-bottom:1px solid #ddd;transition:opacity .3s cubic-bezier(.39,.575,.565,1)}.p-divItem__inner:hover .p-divItem__icon::before{-webkit-transform:scale(1.2);transform:scale(1.2)}.p-divItem__inner:hover .p-divItem__icon::after{-webkit-transform:scale(1.23);transform:scale(1.23);transition:all .5s cubic-bezier(.19,1,.22,1) 50ms}.p-divItem__inner:hover .p-divItem__arrow{border-color:#fff}.p-divItem__inner:hover .p-divItem__body{opacity:.4}.p-divItem__icon{left:17px;width:48px;height:48px}.p-divItem__icon::before{transition:all .5s cubic-bezier(.19,1,.22,1)}.p-divItem__icon::after{transition:all .5s cubic-bezier(.19,1,.22,1)}.p-divItem__arrow{left:45%;width:8px;height:8px;border-top:2px solid #000;border-right:2px solid #000}.p-divItem__title{font-size:1.2rem}.p-divItem__title br{display:none}.p-divItem__body{transition:opacity .5s ease}.p-divItem__description{margin-top:10px;width:49.22vw}.p-interview__headTitle{font-size:1.7333333333rem;padding-left:19.77vw}.p-interview__body{padding-bottom:128px}.p-interview__title{font-size:1.2rem}.p-interview__title.-sub{padding-top:45px}.p-interview__subscription{margin-top:23px;line-height:1.9}.p-interview__subscription.-first{margin-top:0}.p-interview__item{padding-top:120px}.p-interview__item.-type01{padding-left:12.5vw;padding-right:12.5vw}.p-interview__item.-type01 br{display:none}.p-interview__item.-type01 .p-interview__textBox{padding-left:7.43vw}.p-interview__item.-type02{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.p-interview__item.-type02 .p-interview__textBox{padding-left:7.43vw;padding-right:4.93vw;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%;margin-top:-8px}.p-interview__item.-type03{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding-left:5vw;padding-right:5vw}.p-interview__item.-type03 .p-interview__textBox{width:40.63vw;margin-left:3.68vw;margin-top:-8px}.p-interview__item.-type04{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.p-interview__item.-type04 .p-interview__textBox{padding-left:7.43vw;padding-right:4.93vw;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%;margin-top:-8px}.p-interview__item.-type05{display:-webkit-flex;display:-ms-flexbox;display:flex;padding-right:5vw;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.p-interview__item.-type06{padding-left:9.38vw;padding-right:5vw}.p-interview__image{width:42.58vw}.p-interview__image img{width:100%}.p-interview__imageList{width:30vw}.p-interview__imageList img{width:100%}.p-interview__talkWrap.-type01{margin:26px 0 0}.p-interview__comment{padding:29px 0 0}.p-interview__comment.-first{padding:3px 0 0}.p-interview__comment a{transition:opacity .3s ease}.p-interview__comment a:hover{opacity:.4;text-decoration:none}.p-interview__author::after{padding:0 5px}.p-member{padding-left:8.68vw;padding-right:4.93vw}.p-member__inner{padding:57px 0 0;border-top:1px solid #444;display:-webkit-flex;display:-ms-flexbox;display:flex}.p-member__head{width:41.41vw}.p-member__text{font-size:.8666666667rem}.p-member__text+.p-member__text{padding:24px 0 0}.p-stepItem__head{width:50px;margin-right:5px}.p-modal__video{width:1058px}.p-modal__closeBtn{margin-top:30px}}@media screen and (max-width:767px){.c-heading{font-size:1.8rem}.c-heading .c-headingRuby{padding-left:10px;font-size:.8666666667rem}.c-heading.-others{font-size:.8rem;letter-spacing:.2px}.c-heading.-others.-large{font-size:.9333333333rem}.c-headingLead{font-size:.8666666667rem}.c-headingWrap{margin:17px 0}.c-headingWrap.-large{margin:20px 0;padding:17px 0}.c-projectList__item+.c-projectList__item{padding:32px 0}.c-projectList__link{box-shadow:4px 7px 16px rgba(9,35,64,.26)}.c-projectList__link::before{box-shadow:-12px -12px 12px #fff}.c-projectList__thumb img{width:100%}.c-projectList__body{padding:16px 23px 16px 15px}.c-projectList__head{padding:0 0 0 40px}.c-projectList__arrow{top:0;width:24px;height:24px;width:24px;box-shadow:0 3px 4px rgba(9,35,64,.14)}.c-projectList__arrow::before{box-shadow:-3px -3px 4px #fff}.c-projectList__arrowInner{left:48%;width:4px;height:4px;border-top:1px solid #000;border-right:1px solid #000}.c-projectList__title{font-size:1.2rem}.c-projectList__title small{font-size:.8666666667rem}.c-projectList__client{padding:0 0 0 40px;font-size:.6666666667rem}.p-section__inner{margin:0 7.2vw;padding:80px 0}.p-section__moreLink{margin:60px auto 0;max-width:260px;text-align:center}.p-sectionHead+.p-sectionBody{margin:31px 0 0}.l-contentWrap{padding-top:29.5vw}.p-project__inner{margin:0 7.2vw;padding:55px 0}.p-projectHead{min-height:55px;margin-top:35px}.p-projectBody{margin-top:31px;margin-bottom:0}.p-pageHead{padding:0 26px}.p-pageHead__title{font-size:1.7333333333rem;letter-spacing:.5px}.p-pageHead__title small{font-size:.8666666667rem}.p-pageHead__client{font-size:.6666666667rem}.p-hero{margin-top:37px}.p-hero__playBtn{bottom:21px;left:28px}.p-hero__playBtn img{width:32px;height:32px}.p-hero__playText{display:none}.p-detail{margin:0 7.2vw;padding-bottom:62px}.p-detail__head{display:none}.p-outline__title{font-size:1.1333333333rem;line-height:1.4;}.p-outline__description{margin-top:13px;font-size:.8rem;line-height:1.75;letter-spacing:-.1px}.p-outline__image{margin-top:28px}.p-division__title{margin-top:42px;padding-bottom:15px;border-bottom:1px solid #ddd}.p-divItem__inner{padding:20px 0 20px 42px;border-bottom:1px solid #ddd}.p-divItem__icon{left:1px;width:26px;height:26px}.p-divItem__arrow{left:48%;width:4px;height:4px;border-top:1px solid #000;border-right:1px solid #000}.p-divItem__title{font-size:.8rem;line-height:1.5}.p-divItem__description{display:none}.p-interview__headTitle{font-size:1rem;padding-left:28px}.p-interview__body{padding-bottom:55px}.p-interview__title{font-size:1rem;line-height:1.5}.p-interview__title.-sub{padding-top:23px}.p-interview__subscription{font-size:.8rem;margin-top:13px}.p-interview__item{padding-top:58px;margin:0 7.2vw}.p-interview__item.-type02 .p-interview__textBox{margin-top:36px}.p-interview__item.-type03{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.p-interview__item.-type03 .p-interview__textBox{margin-top:36px}.p-interview__item.-type05 .p-interview__imageList{margin-top:36px}.p-interview__image img{width:100%}.p-interview__imageList{width:100%}.p-interview__imageList img{width:100%}.p-interview__author::after{padding:0 3px}.p-interview__talkWrap.-type01{margin:13px 0 0}.p-interview__comment{font-size:.8rem;padding:15px 0 0}.p-interview__comment.-first{padding:3px 0 0}.p-interview__author::after{padding:0 5px}.p-member__inner{padding:25px 0 0;border-top:1px solid #444}.p-member__title{font-size:1rem}.p-member__text{font-size:.8rem;padding:25px 0 0}.p-member__text+.p-member__text{padding:12px 0 0}.p-stepItem__head{width:34px;margin-right:14px}.p-modal__video{width:100%}}

/* works一覧 */
.c-projectList__title {
  padding-left: 0;
}
.c-projectList__client {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  padding-top: 0;
  padding-left: 0;
}
.c-projectList__tag {
  background: #000;
  color: #fff;
  padding: 2px 10px;
  white-space: nowrap;
}
.c-projectList__txt {
  font-size: 1.6rem;
  font-weight: 300;
  transition: opacity .5s ease;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .c-projectList__head{
    padding-left: 0;
  }
  .c-projectList__txt {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .c-projectList__link:hover .c-projectList__txt {
    color: #6B6B6B;
  }
}

/* 見出し改修 */
.p-project {
  padding-top: 180px;
}
@media screen and (max-width: 767px) {
  .p-project {
    padding-top: 29.5vw;
  }  
  .p-project__inner {
    padding-top: 0;
  }
  .p-projectHead {
    margin-top: 0;
  }
  .c-heading {
    font-size: 2.133333333333333rem;
  }
  .c-heading .c-headingRuby {
    font-size: 0.7333333333333333rem;
  }
}

/* ボタン */
.c-buttonLink {
  position: relative;
  display: block;
  color: #000;
  text-decoration: none;
  box-shadow: 2px 2px 6px rgba(9,35,64,.14);
  width: 100%;
  cursor: pointer;
}
.c-buttonLink.-normal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.c-buttonLink::after {
  content: "";
  position: absolute;
  top: 50%;
}
.c-buttonLink.-normal::after {
  -webkit-transform: translate(0,-50%) rotate(45deg);
  transform: translate(0,-50%) rotate(45deg);
}
.c-buttonLink.-more::after {
  -webkit-transform: translate(0,-50%) rotate(135deg);
  transform: translate(0,-50%) rotate(135deg);
}
@media screen and (min-width: 768px) {
  .c-buttonLink {
    padding: 19px 85px 19px 55px;
    font-size: .8666666667rem;
    transition: padding .5s cubic-bezier(.19,1,.22,1),color .5s ease,background .5s ease,opacity .5s ease;
    border-radius: 32px;
  }
  .c-buttonLink.-normal::before {
    box-shadow: -7px -7px 14px #fff;
    border-radius: 32px;
  }
  .c-buttonLink.-normal::after {
    right: 40px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transition: border .5s ease;
    transition: transform .3s ease;
  }
  .c-buttonLink:hover.-normal {
    color: #fff;
    background: #6B6B6B;
    transition: transform .3s ease;
  }
  .c-buttonLink:hover.-normal::after {
    border-color: #fff;
    transform: translate(0,0) rotate(135deg);
  }
}
@media screen and (max-width: 767px) {
  .c-buttonLink {
    padding: 20px 68px 20px 38px;
    font-size: .8666666667rem;
    border-radius: 32px;
  }
  .c-buttonLink::after {
    right: 40px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
  }
}

/* works詳細　*/
.p-outline__title {
  font-size: 2.4rem;
  font-weight: bold;
}
.js-pageHead {
  opacity: 0;
}
.p-pageHead h2 {
  font-size: 1.0666666666667em;
  font-weight: bold;
}
.p-pageHead {
  margin: 0 0 64px;
}
.p-pageHead .c-worksList__tagwrap {
  padding: 0;
  -webkit-box-orient: horizontal;
}
.p-detail {
  margin-top: 0;
  padding: 0;
}
.p-detail__head img {
  width: 53px;
}
.p-detail .p-outline__description {
  margin-top: 0;
  margin-bottom: 30px;
}
.p-detail .p-outline__description + .p-outline__description {
  margin-top: 1em;
}
.p-detail .p-detail__body img,
.p-detail .p-detail__body img + .p-outline__description {
  margin-top: 20px;
}
.p-detail .p-detail__body dl dt {
  font-size: 1.0666666666667rem;
  font-weight: 500;
  margin-bottom: 30px;
}
.p-detail .p-detail__body dl dd .p-outline__description {
  margin-bottom: 6px;
}
.p-detail .p-outline__description.right {
  margin-top: 1em;
  text-align: right;
}
.p-detail .p-detail__body .movie {
  aspect-ratio: 16 / 9;
  width: 100%;
  margin: 20px auto 0;
  position: relative;
}
.p-detail .p-detail__body .movie iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.p-detail .p-detail__body .p-advantage__note {
  margin-top: 8px;
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  .p-detail .img_flex {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  .p-detail .img_flex img {
    width: calc(50% - 10px);
  }
  .p-detail__section:not(:first-child) {
    margin-top: 70px;
  }
  .p-detail__head {
    width: 220px;
    font-size: 1.3333333333333rem;
    justify-content: flex-start;
  }
  .p-detail__body {
    width: calc(100% - 220px);
    margin-left: 0;
    padding-right: 65px;
  }
}
@media screen and (max-width: 767px) {
  .p-outline__title {
    font-size: 1.7333333333333rem;
  }
  .p-pageHead h2 {
    font-size: 0.93333333333333rem;
    margin: 20px 0;
  }
  .p-detail {
    margin: -30px 0 0;
    padding: 0;
  }
  .p-detail__section:not(:first-child) {
    margin-top: 50px;
  }
  .p-detail__head {
    display: block;
    font-size: 1.3333333333333rem;
    margin-bottom: 30px;
  }
  .p-detail .p-outline__description {
    font-size: 0.93333333333333rem;
  }
  .p-detail .p-outline__description + .p-outline__description {
    margin-top: 1.5em;
  }
  .p-detail .p-outline__description.right {
    margin-top: 1.5em;
  }
}

/* 案件に携わった部門 */
section.-gray2 {
  background: #E5E5E5;
}
.p-section2 {
  padding: 60px 0;
}
.p-section2 .p-sectionBody.-proDetail {
  margin-bottom: 0;
}
.p-divisionWrap {
  padding: 40px;
  border-radius: 12px;
  background: #F6F6F6;
}
.p-divisionWrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.p-divisionWrap ul li {
  margin: 0;
}
.p-divisionWrap ul li a.c-buttonLink {
  position: relative;
  transition: 0.5s;
}
.p-divisionWrap ul li a.c-buttonLink::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000;
  border-top-color: rgb(0, 0, 0);
  border-right: 2px solid #000;
  border-right-color: rgb(0, 0, 0);
  transition: border .5s ease;
  transition: transform .3s ease;
  transform: translate(0,-50%) rotate(45deg);
}
.p-divisionWrap ul li .c-buttonLink {
  padding: 4px 30px 4px 20px;
  background: #F6F6F6;
  filter: drop-shadow(-4px -4px 5px #fff);
  transition: padding .5s cubic-bezier(.19,1,.22,1),color .5s ease,background .5s ease,opacity .5s ease;
  font-size: 0.93333333333333rem;
  font-weight: bold;
}
.p-divisionWrap ul li span.c-buttonLink {
  padding-right: 20px;
}
.p-divisionWrap ul li span.c-buttonLink::after {
  content: none;
  transition: transform .3s ease;
}
.p-divisionWrap ul li .c-buttonLink img {
  vertical-align: baseline;
}
@media screen and (min-width: 768px) {
  .p-divisionWrap ul li a.c-buttonLink:hover {
    background: #6B6B6B;
  }
  .p-divisionWrap ul li a.c-buttonLink:hover::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translate(4px, -50%) rotate(45deg);
  }
  .p-divisionWrap ul li a.c-buttonLink:hover img {
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  .p-section2 {
    padding: 0;
  }
  .p-divisionWrap {
    padding: 24px;
  }
  .p-divisionWrap ul {
    gap: 20px;
  }
  .p-divisionWrap ul li .c-buttonLink {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}

/* インタビュー */
.c-interviewTxt {
  font-weight: bold;
  font-size: 1.0666666666667rem;
  margin: -35px auto 37px;
}
.c-interviewList {
  max-width: 660px;
  margin: 0 auto;
}
.c-interviewList .c-projectList__body {
  padding: 30px 24px 25px;
  min-height: 6.5em;
}
.c-interviewList .c-projectList__body .c-projectList__txt {
  font-size: 0.93333333333333rem;
}
.c-interviewList li + li {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .c-interviewTxt {
    margin: -20px auto 37px;
  }
  .c-interviewList {
    max-width: 100%;
  }
  .c-interviewList .c-projectList__body {
    padding: 20px 16px 15px;
  }
  .c-interviewList .c-projectList__body .c-projectList__txt {
    font-size: 0.93333333333333rem;
  }
  .c-interviewList li + li {
    margin-top: 40px;
  }
}

/* 関連実績 */
.p-section__inner2 {
  width: calc(78.91vw + 40px);
}
.p-section__inner2 .p-sectionHead {
  width: 78.91vw;
  margin: 0 auto;
}
.p-section__inner2 .c-heading {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p-section__inner2 .p-sectionHead + .p-sectionBody {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-section__inner2 {
    width: auto;
  }
  .p-section__inner2 .p-sectionHead +.p-sectionBody {
    margin: 0 auto;
    width: calc(100% + 14px);
    transform: translate(-7px, 0);
  }
  .p-section__inner2 .p-sectionHead {
    width: auto;
    margin: 0;
  }
} 
.slide02 {
  position: relative;
  opacity: 0;
}
.p-section__inner2 .slide02 {
  padding: 20px 0;
}
.slide02.slick-initialized {
  opacity: 1;
}
.slide02 .slick-list {
  height: auto !important;
}
.slide02 .slick-slide {
  height: auto !important;
  margin: 0 20px;
}
.slide02 .c-projectList__thumb {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.slide02 .arrow_wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  width: 78px;
  height: 78px;
  transition: 0.3s;
  cursor: pointer;
}
.c-worksList.slide02 .arrow_wrap {
  bottom: auto;
  top: 8.3vw;
}
.slide02 .arrow_wrap.prev {
  left: -30px;
}
.slide02 .arrow_wrap.next {
  right: -30px;
}
.slide02 .arrow_wrap img.pc {
  display: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  margin: auto;
  bottom: 2px;
}
.slide02 .arrow_wrap::after {
  background: #6B6B6B;
  border-radius: 50%;
  content: "";
  display: block;
  opacity: 0;
  pointer-events: none;
  width: 46px;
  height: 46px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 0;
  transform: scale(0.1);
  transition: opacity .3s, transform .3s;
}
.slide02 .slick-dots {
  bottom: -15px;
}
.slide02 .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 8px;
}
.slide02 .slick-dots li.slick-active button {
  background: #262626;
  filter: none;
}
.slide02 .slick-dots li.slick-active button::after {
  content: none;
}
.slide02 .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #F6F6F6;
  box-shadow: -2px -2px 4px 0px rgba(255,255,255,1);
  position: relative;
}
.slide02 .slick-dots li button::before {
  content: none;
}
.slide02 .slick-dots li button::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #f6f6f6;
  box-shadow: 2px 2px 4px 0px rgba(9,35,64,0.3);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.js-projectList__item .c-worksList__item {
  opacity: 1;
}
.slide02 .c-projectList__link {
  position: relative;
  display: block;
  color: #000;
  text-decoration:none;
  border-radius: 12px;
}
@media screen and (min-width: 768px) {
  .slide02 .c-projectList__thumb img {
    width: 100%;
    transition:-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    transition:transform .7s cubic-bezier(.19,1,.22,1);
    transition:transform .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
  }
  .slide02 .arrow_wrap:hover {
    opacity: 1;
  }
  .slide02 .arrow_wrap:hover::after {
    opacity: 1;
    transform: scale(1);
    transition: opacity .3s, transform .3s ease-in-out;
  }
  .slide02 .arrow_wrap:hover img {
    display: none;
  }
  .slide02 .arrow_wrap:hover .pc {
    display: block;
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .slide02 .arrow_wrap {
    width: 35px;
    height: 35px;
  }
  .slide02 .slick-dots {
    bottom: -18px;
  }
  .slide02 .slick-list {
    padding: 0!important;
    overflow: visible !important;
  }
  .slide02 .slick-track {
    display: flex;
  }
  .slide02 .slick-slide {
    margin: 0 7px;
  }
}

/* お問い合わせ */
.p-contact__lead {
  position: relative;
  display: table;
  margin: 0 auto;
  padding: 0 13px 10px;
  border-bottom: 1px solid #000;
  font-weight: normal;
  text-align: center;
}
.p-contact__lead::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 0;
  right: 0;
  margin: auto;
  width: 20px;
  height: 9px;
  background: url(/assets/img/works/icon_sankaku.svg) no-repeat #efefef;
  background-size: 100% auto;
}
@-moz-document url-prefix(){
  .p-contact__lead::after {
    bottom: -8px;
  }
}
.c-largeButtonLink {
  background: #000;
  color: #fff;
}
.c-largeButtonLink__arrow::before {
  background: #fff;
}
.c-largeButtonLink__arrow::after {
    background: #ddd;
  }
.c-largeButtonLink__arrowInner {
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}
.c-largeButtonLink {
  position: relative;
  display: block;
  font-weight: 600;
  text-decoration: none;
  border-radius: 83px
}
.c-largeButtonLink__label {
  display: block;
  text-align: center
}
.c-largeButtonLink__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 100%
}
.c-largeButtonLink__arrow::after, .c-largeButtonLink__arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%
}
.c-largeButtonLink__arrow::after {
  background: #fff;
  -webkit-transform: scale(0);
  transform: scale(0)
}
.c-largeButtonLink__arrowInner {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  z-index: 1
}
@media screen and (min-width:768px) {
  .c-largeButtonLink {
    padding: 27px 36px;
    font-size: 18px
  }
  .c-largeButtonLink:hover {
    background: #6B6B6B;
  }
  .c-largeButtonLink:hover .c-largeButtonLink__arrow::before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
  .c-largeButtonLink:hover .c-largeButtonLink__arrow::after {
    -webkit-transform: scale(1.23);
    transform: scale(1.23);
    transition: all .5s cubic-bezier(.19, 1, .22, 1) 50ms
  }
  .c-largeButtonLink__label {
    transition: all .3s ease
  }
  .c-largeButtonLink__arrow {
    right: 36px;
    width: 43px;
    height: 43px;
    box-shadow: 0 3px 4px rgba(9, 35, 64, .14)
  }
  .c-largeButtonLink__arrow::before {
    transition: all .5s cubic-bezier(.19, 1, .22, 1);
    background: #fff;
  }
  .c-largeButtonLink__arrow::after {
    transition: all .5s cubic-bezier(.19, 1, .22, 1)
  }
  .c-largeButtonLink__arrowInner {
    left: 47%;
    width: 8px;
    height: 8px
  }
  .p-contact__trigger {
    margin: 44px auto 0;
    width: 450px
  }
}
@media screen and (max-width:767px) {
  .p-solution__inner {
    margin: 0 7.2vw;
    padding: 55px 0;
  }
  .c-largeButtonLink {
    padding: 27px 30px;
    font-size: 16px
  }
  .c-largeButtonLink__label {
    padding: 0 40px 0 0
  }
  .c-largeButtonLink__arrow {
    right: 30px;
    width: 43px;
    height: 43px
  }
  .c-largeButtonLink__arrowInner {
    left: 47%;
    width: 7px;
    height: 7px
  }
  .p-contact__lead {
    padding: 0 0 5px;
    font-size: 16px;
    width: 100%
  }
  .p-contact__trigger {
    margin: 30px 0 0
  }
  .p-message__text+.p-message__text{
    margin: 10px 0 0;
  }
}
/* 2025_ly */
@media screen and (min-width: 768px) {
  .p-detail .p-detail__body .img-scale70,
  .p-detail .p-detail__body .img-scale50 {
    justify-content: center;
  }
  .p-detail .p-detail__body .img-scale70 img {
    width:70%
  }
  .p-detail .p-detail__body .img-scale50 img {
    width:50%
  }
  .p-detail .col4 img {
    width: calc(25% - 15px);
  }
}
/*stationai*/
@media screen and (min-width: 768px) {
  .p-detail .col3 img:nth-child(1) {
    width: calc(42.14% - 13.33px);
  }
  .p-detail .col3 img:nth-child(2) {
    width: calc(33.27% - 13.33px);
  }
  .p-detail .col3 img:nth-child(3) {
    width: calc(24.59% - 13.33px);
  }
}
/*est*/
@media screen and (min-width: 768px) {
  .p-detail .gap0 {
    gap:0;
  }
  .p-detail .gap0 img {
    width: 50%;
  }
}
/*daido*/
.p-outline .c-buttonLink {
  padding: 10px 60px 10px 30px;
  background: #F6F6F6;
  transition: opacity .3s ease;
  filter: drop-shadow(-4px -4px 5px #fff);
  transition: background .4s ease,color .4s ease;
}
.p-outline .c-buttonLink::after {
  content: "";
  background: url("/assets/img/common/icon_blank04.svg") no-repeat;
  background-size: 100%;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border: none;
  transition: .4s;
}
@media screen and (min-width: 768px) {
  .p-outline .c-buttonLink {
    display: inline-block;
    width: auto;
  }
  .p-outline .c-buttonLink:hover {
    background: #6B6B6B;
    color: #fff;
  }
  .p-outline .c-buttonLink:hover::after {
    background: url("/assets/img/common/icon_blank03.svg") no-repeat;
    background-size: 100%;
  }
}
/*ana*/
.mt20 {
  margin-top: 20px!important;
}