.casestudyDetail{padding-top:123px}@media only screen and (min-width:768px){.casestudyDetail{padding-top:235px}}@media only screen and (min-width:768px){.casestudyDetail__Inner{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[18];grid-template-columns:repeat(18,minmax(0,1fr));-ms-grid-rows:auto;grid-template-rows:auto;max-width:1536px;margin-inline:auto}.casestudyDetail__Inner>:first-child{-ms-grid-row:1;-ms-grid-column:1}.casestudyDetail__Inner>:nth-child(2){-ms-grid-row:1;-ms-grid-column:2}.casestudyDetail__Inner>:nth-child(3){-ms-grid-row:1;-ms-grid-column:3}.casestudyDetail__Inner>:nth-child(4){-ms-grid-row:1;-ms-grid-column:4}.casestudyDetail__Inner>:nth-child(5){-ms-grid-row:1;-ms-grid-column:5}.casestudyDetail__Inner>:nth-child(6){-ms-grid-row:1;-ms-grid-column:6}.casestudyDetail__Inner>:nth-child(7){-ms-grid-row:1;-ms-grid-column:7}.casestudyDetail__Inner>:nth-child(8){-ms-grid-row:1;-ms-grid-column:8}.casestudyDetail__Inner>:nth-child(9){-ms-grid-row:1;-ms-grid-column:9}.casestudyDetail__Inner>:nth-child(10){-ms-grid-row:1;-ms-grid-column:10}.casestudyDetail__Inner>:nth-child(11){-ms-grid-row:1;-ms-grid-column:11}.casestudyDetail__Inner>:nth-child(12){-ms-grid-row:1;-ms-grid-column:12}.casestudyDetail__Inner>:nth-child(13){-ms-grid-row:1;-ms-grid-column:13}.casestudyDetail__Inner>:nth-child(14){-ms-grid-row:1;-ms-grid-column:14}.casestudyDetail__Inner>:nth-child(15){-ms-grid-row:1;-ms-grid-column:15}.casestudyDetail__Inner>:nth-child(16){-ms-grid-row:1;-ms-grid-column:16}.casestudyDetail__Inner>:nth-child(17){-ms-grid-row:1;-ms-grid-column:17}.casestudyDetail__Inner>:nth-child(18){-ms-grid-row:1;-ms-grid-column:18}}@media only screen and (min-width:768px){.casestudyDetail__head{grid-column:1/-1;margin-bottom:178px}}.casestudyDetail__catDate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width:768px){.casestudyDetail__catDate{-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}}.casestudyDetail-cat{position:relative;padding-right:8px;font-family:dnp-shuei-mincho-pr6n,"Yu Mincho",serif;font-size:1.4rem;font-weight:500;line-height:1.5;letter-spacing:0;color:#8c8c8c}@media only screen and (min-width:768px){.casestudyDetail-cat{padding-right:10px;font-size:1.5rem;font-weight:300}}.casestudyDetail-cat:after{content:"";position:absolute;top:50%;right:0;width:1px;height:11px;background-color:#8c8c8c;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.casestudyDetail-date{font-family:dnp-shuei-mincho-pr6n,"Yu Mincho",serif;font-size:1.4rem;font-weight:500;line-height:1.5;letter-spacing:0.02em;color:#8c8c8c}@media only screen and (min-width:768px){.casestudyDetail-date{font-size:1.5rem;font-weight:300}}.casestudyDetail__title{padding-top:12px;font-family:dnp-shuei-mincho-pr6n,"Yu Mincho",serif;font-size:1.9rem;font-weight:500;line-height:1.8;letter-spacing:0.12em;text-align:center;color:#292929}@media only screen and (min-width:768px){.casestudyDetail__title{padding-top:24px;font-size:2.6rem;line-height:1}}#casestudy__mvSlide{position:relative;width:100%;height:100%;margin-top:42px}@media only screen and (min-width:768px){#casestudy__mvSlide{-ms-grid-column:7;-ms-grid-column-span:11;grid-column:7/18;margin-top:0;padding-left:35px}#casestudy__mvSlide:hover .mv__button-next,#casestudy__mvSlide:hover .mv__button-prev{opacity:1}}#casestudy__mvSlide .embla__viewport{overflow:hidden}#casestudy__mvSlide .embla__container{display:-webkit-box;display:-ms-flexbox;display:flex}#casestudy__mvSlide .embla__slide{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}#casestudy__mvSlide .mv-img--vertical{aspect-ratio:390/276}@media only screen and (min-width:768px){#casestudy__mvSlide .mv-img--vertical{aspect-ratio:845/600}}#casestudy__mvSlide .mv-img--vertical img{height:100%}#casestudy__mvSlide .mv-img--horizontal{width:49.2307692308%;margin-inline:auto;aspect-ratio:192/276}@media only screen and (min-width:768px){#casestudy__mvSlide .mv-img--horizontal{width:49.4674556213%;aspect-ratio:418/600}}#casestudy__mvSlide .mv-img--horizontal img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#casestudy__mvSlide .mv-img--2column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;width:100%}@media only screen and (min-width:768px){#casestudy__mvSlide .mv-img--2column{-webkit-column-gap:9px;-moz-column-gap:9px;column-gap:9px}}#casestudy__mvSlide .mv-img--2column img{aspect-ratio:192/276;width:49.2307692308%;height:100%;-o-object-fit:contain;object-fit:contain}@media only screen and (min-width:768px){#casestudy__mvSlide .mv-img--2column img{width:49.4674556213%;aspect-ratio:418/600}}#casestudy__mvSlide .mv__button-next,#casestudy__mvSlide .mv__button-prev{display:none}@media only screen and (min-width:768px){#casestudy__mvSlide .mv__button-next,#casestudy__mvSlide .mv__button-prev{position:absolute;top:300px;display:block;width:16px;height:27px;cursor:pointer;opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;z-index:5}}@media only screen and (min-width:768px){#casestudy__mvSlide .mv__button-next{right:50px}}@media only screen and (min-width:768px){#casestudy__mvSlide .mv__button-prev{left:85px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}}#casestudy__mvSlide .svg{width:100%;height:100%}#casestudy__mvSlide path{stroke:#fff;-webkit-transition:stroke 0.3s;transition:stroke 0.3s}#casestudy__mvSlide .is-dark path{stroke:#cecece}.mv__notes{padding:14px 30px 0;font-family:din-2014,dnp-shuei-gothic-gin-std,sans-serif;font-size:1.2rem;font-weight:300;line-height:1.8;letter-spacing:0.08em;color:#6c6c6c}@media only screen and (min-width:768px){.mv__notes{width:88.7573964497%;padding:14px 0 0;line-height:2.1}}.mv-progress{position:absolute;bottom:14px;right:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:5}@media only screen and (min-width:768px){.mv-progress{bottom:6px;right:0;-webkit-column-gap:7px;-moz-column-gap:7px;column-gap:7px}}.mv-progress__num{font-family:din-2014,"Helvetica Neue",Arial,sans-serif;font-size:1.1rem;line-height:1;letter-spacing:0.03em;color:#fff;-webkit-transition:color 0.3s;transition:color 0.3s}@media only screen and (min-width:768px){.mv-progress__num{font-size:1.3rem;color:#8c8c8c}}.is-dark .mv-progress__num{color:#8c8c8c}@media only screen and (min-width:768px){.is-dark .mv-progress__num{color:#8c8c8c}}.mv-progress__bar{position:relative;width:18px;height:0.5px;background-color:rgba(255,255,255,0.5);overflow:hidden;-webkit-transition:background-color 0.3s;transition:background-color 0.3s}@media only screen and (min-width:768px){.mv-progress__bar{width:22px;background-color:rgba(140,140,140,0.5)}}.is-dark .mv-progress__bar{background-color:rgba(140,140,140,0.5)}.mv-progress__bar span{position:absolute;left:0;top:0;width:0;height:100%;background-color:#fff;-webkit-transition:background-color 0.3s;transition:background-color 0.3s}@media only screen and (min-width:768px){.mv-progress__bar span{background-color:#8c8c8c}}.is-dark .mv-progress__bar span{background-color:#8c8c8c}.mv-progress__bar span.is-animate{-webkit-animation:progressLine 3.8s linear forwards;animation:progressLine 3.8s linear forwards}@-webkit-keyframes progressLine{0%{width:0%}to{width:100%}}@keyframes progressLine{0%{width:0%}to{width:100%}}.casestudyDetail__content{display:-ms-grid;display:grid;row-gap:60px;padding:60px 30px}@media only screen and (min-width:768px){.casestudyDetail__content{-ms-grid-column:7;-ms-grid-column-span:11;grid-column:7/18;row-gap:100px;padding:100px 0 0 35px}}.content__text{font-family:dnp-shuei-mincho-pr6n,"Yu Mincho",serif;font-size:1.4rem;font-weight:500;line-height:2.1;letter-spacing:0.1em;text-align:justify}@media only screen and (min-width:768px){.content__text{line-height:2.5}}.content__movie{position:relative;width:100%}.movie{position:relative;width:100%;height:100%;aspect-ratio:330/186}@media only screen and (min-width:768px){.movie{aspect-ratio:720/405}}.movie iframe{width:100%;height:100%}.movie-thumbnail{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:330/186}@media only screen and (min-width:768px){.movie-thumbnail{aspect-ratio:720/405}}.movie-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.movie-overlay{position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4)}.play-icon{position:absolute;top:50%;left:50%;width:50px;height:50px;cursor:pointer;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (min-width:768px){.play-icon{width:60px;height:60px}}.casestudyDetail__info{padding:0 30px}@media only screen and (min-width:768px){.casestudyDetail__info{position:sticky;top:85px;left:0;-ms-grid-column:3;-ms-grid-column-span:3;grid-column:3/6;grid-row:2/-1;padding:0}}.info__table{width:100%}.info__table tbody{display:-ms-grid;display:grid;row-gap:19px;padding-top:19px;border-top:1px solid #ddd}.info__table tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #ddd;font-family:dnp-shuei-mincho-pr6n,"Yu Mincho",serif;font-size:1.3rem;font-weight:300;line-height:1;letter-spacing:0.1em;color:#404040}.casestudyDetail-tagList{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px 4px;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:38px}@media only screen and (min-width:768px){.casestudyDetail-tagList{padding-top:50px}}.casestudyDetail-tag{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:7px 14px;border:1px solid #d7d7d7;border-radius:13px;font-family:dnp-shuei-gothic-gin-std,sans-serif;font-size:1.1rem;font-weight:500;line-height:1;letter-spacing:0.1em;color:#6c6c6c}.casestudyDetail__link{display:block;margin:100px 30px 80px;padding-top:58px;border-top:1px solid #ddd;text-align:right}@media only screen and (min-width:768px){.casestudyDetail__link{-ms-grid-column:7;-ms-grid-column-span:11;grid-column:7/18;margin:180px 0 203px 35px;padding-top:80px}}.casestudyDetail__link a{position:relative;display:inline-block;font-family:dnp-shuei-mincho-pr6n,"Yu Mincho",serif;font-size:1.4rem;font-weight:500;line-height:2.1;letter-spacing:0.12em;-webkit-text-decoration:underline rgba(63,63,63,0.5);text-decoration:underline rgba(63,63,63,0.5);text-underline-offset:2px;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}@media only screen and (min-width:768px){.casestudyDetail__link a:hover{opacity:0.5}}.other-cases{padding:80px 30px 120px}@media only screen and (min-width:768px){.other-cases{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[18];grid-template-columns:repeat(18,minmax(0,1fr));max-width:1536px;padding:180px 0 190px;margin-inline:auto}}.other-cases h4{font-family:din-2014,"Helvetica Neue",Arial,sans-serif;font-size:1.8rem;line-height:1.5;letter-spacing:0.03em}@media only screen and (min-width:768px){.other-cases h4{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}@media only screen and (min-width:768px){.other-cases__inner{display:-ms-grid;display:grid;-ms-grid-columns:subgrid;grid-template-columns:subgrid;-ms-grid-column:3;-ms-grid-column-span:15;grid-column:3/18}}.other-cases__list{display:-ms-grid;display:grid;row-gap:36px;margin-top:48px;padding-top:36px;border-top:1px solid #cecece}@media only screen and (min-width:768px){.other-cases__list{grid-column:4/-1;-ms-grid-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));-webkit-column-gap:42px;-moz-column-gap:42px;column-gap:42px;margin-top:14px;padding-top:91px}}.other-cases__item{padding-bottom:37px;border-bottom:1px solid #cecece}@media only screen and (min-width:768px){.other-cases__item{padding-bottom:0;border-bottom:none}}.other-cases__item a{display:block}.other-cases__mv-img{aspect-ratio:330/450}@media only screen and (min-width:768px){.other-cases__mv-img{aspect-ratio:292/398}}.other-cases__head{padding-top:24px}@media only screen and (min-width:768px){.other-cases__head{padding-top:21px}}.other-cases__date{font-family:din-2014,"Helvetica Neue",Arial,sans-serif;font-size:1.3rem;line-height:1;letter-spacing:0.03em;color:#a6a6a6}@media only screen and (min-width:768px){.other-cases__date{letter-spacing:0.05em}}.other-cases__title{padding-top:12px;font-family:dnp-shuei-mincho-pr6n,"Yu Mincho",serif;font-size:1.6rem;font-weight:500;line-height:1.8;letter-spacing:0.12em;color:#292929}@media only screen and (min-width:768px){.other-cases__title{padding-top:10px;font-size:1.5rem;line-height:1;letter-spacing:0.1em}}@media only screen and (min-width:768px){.other-cases__tagsList{padding-top:39px}}@media only screen and (min-width:768px){.breadcrumb{padding-left:5.5555555556%}}.casestudyDetail__breadcrumb{margin-top:20px}@media only screen and (min-width:768px){.casestudyDetail__breadcrumb{padding-left:5.5555555556%;margin-top:97px}}