.articleArea{margin:9.7222222222vw 0 0}.articleArea .item{width:100%;margin:2.7777777778vw 0 0}@media screen and (max-width: 900px){.articleArea .item{margin:10.6666666667vw 0 0}}.articleArea .upper{display:flex;align-items:flex-start;justify-content:space-between;width:calc(100% - 300px);margin:4.1666666667vw auto 0}@media screen and (max-width: 900px){.articleArea .upper{display:block;width:calc(100% - 16vw)}.articleArea .upper .copy{margin-bottom:6px}}.articleArea .upper .copy{width:100%}.articleArea .upper .copy .text{font-size:22px}.articleArea .upper .textarea{max-width:530px;width:100%;margin:0 0 0 3.4722222222vw}@media screen and (max-width: 900px){.articleArea .upper .textarea{max-width:none;width:auto;margin:0}}.articleArea .lower .img{width:calc(100% - 300px);margin:4.1666666667vw auto 0}@media screen and (max-width: 900px){.articleArea .lower .img{width:calc(100% - 3.7333333333vw)}}.articleArea .lower .img.--full{max-width:none;width:100%}.articleArea .lower .img img{width:100%;height:auto}.articleArea .head{display:flex;align-items:flex-start;justify-content:space-between;width:calc(100% - 300px);margin:4.1666666667vw auto 0}@media screen and (max-width: 900px){.articleArea .head{width:calc(100% - 16vw)}.articleArea .head .left{display:none}}.articleArea .left{width:100%}.articleArea .right{max-width:530px;width:100%;margin:0 0 0 3.4722222222vw}@media screen and (max-width: 900px){.articleArea .right{max-width:none;width:auto;margin:0}}.articleArea .copy .text{font-size:clamp(1.6875rem,1.6875rem + 0vw,1.6875rem);line-height:200%;letter-spacing:.1em;word-break:break-all;color:#303030}@media screen and (max-width: 768px){.articleArea .copy .text{font-size:clamp(1.6875rem,1.6875rem + 0vw,1.6875rem);line-height:160%;text-align:justify;letter-spacing:.05em}}.articleArea .post .text{font-size:clamp(1.125rem,1.125rem + 0vw,1.125rem);line-height:clamp(1.6875rem,1.6875rem + 0vw,1.6875rem);letter-spacing:.1em;color:#303030}.articleArea .caption{margin:8px 0 0}@media screen and (max-width: 900px){.articleArea .caption{margin:6px 0 0}}.articleArea .caption .text{font-size:clamp(.875rem,.875rem + 0vw,.875rem);line-height:clamp(1.5625rem,1.5625rem + 0vw,1.5625rem)}.articleArea .title .text{font-size:clamp(.75rem,.75rem + 0vw,.75rem);line-height:clamp(1.0625rem,1.0625rem + 0vw,1.0625rem);letter-spacing:.1em;color:#737373}.articleArea .detail{margin:8px 0 0}@media screen and (max-width: 900px){.articleArea .detail{margin:6px 0 0}}.articleArea .detail .text{font-size:clamp(.875rem,.875rem + 0vw,.875rem);line-height:clamp(1.5625rem,1.5625rem + 0vw,1.5625rem);text-align:justify;word-break:break-all;color:#303030}.articleArea .detail .text+.img{margin:6.25vw 0 0}.articleArea .works,.articleArea .production,.articleArea .partners,.articleArea .client{margin:2.7777777778vw 0 0}@media screen and (max-width: 900px){.articleArea .works,.articleArea .production,.articleArea .partners,.articleArea .client{margin:10.6666666667vw 0 0}}.articleArea .works .textarea,.articleArea .production .textarea,.articleArea .partners .textarea,.articleArea .client .textarea{max-width:530px;width:100%;margin:0 150px 0 auto}@media screen and (max-width: 900px){.articleArea .works .textarea,.articleArea .production .textarea,.articleArea .partners .textarea,.articleArea .client .textarea{max-width:none;width:auto;margin:0 8vw}}.articleArea .production .logo{display:flex;margin:4px 0 0 0}@media screen and (max-width: 900px){.articleArea .production .logo{margin:6px 0 0 0;flex-wrap:wrap}}.articleArea .production .inner+a{margin:0 0 0 4px}@media screen and (max-width: 900px){.articleArea .production .inner+a{margin:0 0 0 8px}}@media screen and (max-width: 900px){.articleArea .production .inner:last-child{margin:6px 0 0}}@media screen and (max-width: 900px){.articleArea .production .inner{width:calc(50% - 4px)}}.articleArea .production img{max-width:154px;width:100%}@media screen and (max-width: 900px){.articleArea .production img{max-width:none}}.articleArea .linkBtn{max-width:530px;width:100%;margin:6.0416666667vw 150px 0 auto;padding:14px 0;border:1px solid #8d8d8d}@media screen and (max-width: 900px){.articleArea .linkBtn{max-width:none;width:auto;margin:10.6666666667vw 8vw 0}}@media screen and (min-width: 768px){.articleArea .linkBtn:hover{background:#303030;border:1px solid #fff}.articleArea .linkBtn:hover .text{color:#fff}.articleArea .linkBtn:hover path{fill:#fff}}.articleArea .linkBtn .text{position:relative;font-size:clamp(.875rem,.875rem + 0vw,.875rem);line-height:clamp(1.5625rem,1.5625rem + 0vw,1.5625rem);color:#303030;text-align:center;transition:.3s ease-in-out}.articleArea .linkBtn .text .icon{display:block;position:absolute;top:0;right:26px;bottom:0;margin:auto;width:12px;height:10px}.articleArea .linkBtn .text .icon svg{position:absolute;top:0;right:0;bottom:0;margin:auto}
