.episodeArea{position:relative;max-width:1330px;width:100%;margin:284px auto 0}@media screen and (max-width: 768px){.episodeArea{margin:110px auto 0}}.episodeArea::before{content:"";display:block;position:absolute;top:-100px;right:0;left:0;margin:auto;max-width:1140px;width:100%;height:calc(100% + 200px);background:#f9f6f6;z-index:-1}@media screen and (max-width: 1100px){.episodeArea::before{left:0;max-width:none}}@media screen and (max-width: 1100px)and (max-width: 768px){.episodeArea::before{top:-50px;left:-30px;width:calc(100% - 15px);height:calc(100% + 140px)}}.episodeArea .innerBlock{display:flex;flex-wrap:wrap}@media screen and (max-width: 768px){.episodeArea .innerBlock{display:block}}.episodeArea .item{width:calc(33.3333333333% - 20px);margin:0 10px}@media screen and (min-width: 768px){.episodeArea .item:nth-child(n+4){margin:8.3333333333vw 10px 0}}@media screen and (max-width: 768px){.episodeArea .item{display:block;width:auto;margin:0}.episodeArea .item+.item{margin:13.3333333333vw 0 0}}.episodeArea .detail{margin:2.0833333333vw 0 0 0;color:#303030}@media screen and (max-width: 768px){.episodeArea .detail{margin:8vw auto 0;width:calc(100% - 16vw)}}.episodeArea .img{width:100%;aspect-ratio:16/9}@media screen and (max-width: 768px){.episodeArea .img{max-width:none;width:auto}}.episodeArea .img img{width:100%;height:100%;object-fit:cover}.episodeArea .caption .text{font-size:clamp(1.125rem,1.125rem + 0vw,1.125rem);line-height:clamp(2rem,2rem + 0vw,2rem);letter-spacing:.05em}.episodeArea .title .text{position:relative;margin:.6944444444vw 0 0 0;padding:0 0 0 50px;font-size:clamp(.875rem,.875rem + 0vw,.875rem);line-height:clamp(1.5625rem,1.5625rem + 0vw,1.5625rem);letter-spacing:.05em}@media screen and (max-width: 768px){.episodeArea .title .text{margin:2.6666666667vw 0 0}}.episodeArea .title .text::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:40px;height:1px;margin:auto;background:#303030}.worksBannerArea{max-width:947px;height:100px;background:#303030;margin:227px auto 0}@media screen and (max-width: 768px){.worksBannerArea{width:calc(100% - 8vw);height:138px;margin:262px auto 0}}.worksBannerArea .item{display:flex;align-items:center;justify-content:space-between;height:100px;padding:0 17px 0 47px;color:#fff;transition:.3s ease-in-out;border:1px solid #fff;box-sizing:border-box}@media screen and (max-width: 768px){.worksBannerArea .item{display:block;height:138px}}@media screen and (min-width: 768px){.worksBannerArea .item:hover{background:#fff;border:1px solid #303030}.worksBannerArea .item:hover .title .text{color:#303030}.worksBannerArea .item:hover .caption .text{color:#303030}.worksBannerArea .item:hover .caption .text::before{background:#303030}}@media screen and (max-width: 768px){.worksBannerArea .left{padding:38px 0 0 0}}.worksBannerArea .title .text{font-size:clamp(1.75rem,1.75rem + 0vw,1.75rem);line-height:clamp(2.0625rem,2.0625rem + 0vw,2.0625rem);letter-spacing:.2em;text-transform:uppercase;transition:.3s ease-in-out}@media screen and (max-width: 768px){.worksBannerArea .right{width:fit-content;margin:2.6666666667vw 0 0 auto}}.worksBannerArea .caption .text{position:relative;padding:0 0 0 65px;font-size:clamp(.875rem,.4464rem + .8929vw,1.25rem);line-height:clamp(1.25rem,.6071rem + 1.3393vw,1.8125rem);letter-spacing:.1em;transition:.3s ease-in-out}@media screen and (max-width: 768px){.worksBannerArea .caption .text{padding:0 0 0 50px}}.worksBannerArea .caption .text::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:40px;height:1px;margin:auto;background:#fff;transition:.3s ease-in-out}
