@media screen and (min-width: 960px){body header nav .menu_list ul li.menu-item-object-works a:before{width:80%;left:10%}body main.works article section.content ul.list{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}body main.works article section.content ul.list li{width:100%;height:100%;padding:20px;border:1px solid #e1e1e1;box-sizing:border-box;border-radius:20px}body main.works article section.content ul.list li a{padding-bottom:96px;width:100%;height:100%;display:block;box-sizing:border-box;position:relative}body main.works article section.content ul.list li a .thumb{margin-bottom:20px;width:100%;aspect-ratio:600/450;overflow:hidden;border-radius:10px}body main.works article section.content ul.list li a .thumb img{width:100%;height:100%;object-fit:cover;transform-style:preserve-3d;transition-property:transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:0ms}body main.works article section.content ul.list li a h2{margin-bottom:10px;line-height:158.33%;font-size:1.5rem;font-weight:600}body main.works article section.content ul.list li a p.client,body main.works article section.content ul.list li a p.year{line-height:180%;font-size:.9375rem;font-weight:500}body main.works article section.content ul.list li a p.concept{padding-top:10px;line-height:180%;font-size:1.25rem;font-weight:500}body main.works article section.content ul.list li a:hover .thumb img{transform:scale(1.1)}body main.works article section.detail{padding-top:0}body main.works article section.detail .hero{margin:0 auto 50px auto;width:100%;max-width:1920px;aspect-ratio:16/9;overflow:hidden}body main.works article section.detail .hero img{width:100%;height:100%;object-fit:cover}body main.works article section.detail h1{margin-bottom:56px;line-height:160%;font-size:2.5rem;font-weight:600}body main.works article section.detail .info{margin-bottom:105px;overflow:hidden}body main.works article section.detail .info>ul{width:50%;float:left}body main.works article section.detail .info dl.year dd{font-family:"Montserrat";font-weight:600}body main.works article section.detail .info dl.output{width:50%;float:right}body main.works article section.detail .info dl{overflow:hidden;line-height:160%;font-size:.9375rem}body main.works article section.detail .info dl dt{width:80px;float:left;font-family:"Montserrat";font-weight:600;color:#e60012}body main.works article section.detail .info dl dd{margin-left:80px;font-weight:500}body main.works article section.detail .info dl dd ul{display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap}body main.works article section.detail .info dl dd ul li{padding:0 20px;height:26px;border:1px solid #000;box-sizing:border-box;border-radius:13px;line-height:200%;font-size:.75rem;font-weight:600;font-family:"Montserrat";color:#000}body main.works article section.detail .main_content{margin-bottom:100px}body main.works article section.detail .main_content h2{margin-bottom:30px;line-height:160%;font-size:1.875rem;font-weight:600}body main.works article section.detail .main_content p.text{margin-bottom:50px;line-height:180%;font-size:.9375rem}body main.works article section.detail .main_content p.link_url{margin-bottom:50px;line-height:180%;font-size:.9375rem}body main.works article section.detail .main_content p.link_url a{padding-right:30px;display:inline-block;position:relative;text-decoration:underline}body main.works article section.detail .main_content p.link_url a:after{content:"";width:19px;height:15px;display:block;background:url("../image/common/icon_blank.svg") no-repeat center center/contain;position:absolute;top:calc(50% - 7.5px);right:0}body main.works article section.detail .main_content p.link_url a:hover{text-decoration:none}body main.works article section.detail .main_content p.main_image,body main.works article section.detail .main_content ul.sub_image li,body main.works article section.detail .main_content .video{overflow:hidden}body main.works article section.detail .main_content p.main_image img,body main.works article section.detail .main_content ul.sub_image li img,body main.works article section.detail .main_content .video img{width:100%;height:100%;object-fit:cover}body main.works article section.detail .main_content p.main_image,body main.works article section.detail .main_content .video{margin-bottom:20px}body main.works article section.detail .main_content .video{aspect-ratio:16/9}body main.works article section.detail .main_content .video .iframe_player{width:100%;height:100%;position:relative}body main.works article section.detail .main_content .video .iframe_player iframe{position:absolute;top:0;left:0;width:100%;height:100%}body main.works article section.detail .main_content .video video{width:100%;height:100%}body main.works article section.detail .main_content p.main_image{aspect-ratio:1000/563}body main.works article section.detail .main_content ul.sub_image{margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}body main.works article section.detail .main_content ul.sub_image li{width:calc(50% - 10px);aspect-ratio:490/368}body main.works article section.detail .main_content p.offer{line-height:180%;font-size:.9375rem}body main.works article section.detail .menbers{margin-bottom:100px}body main.works article section.detail .menbers h3{margin-bottom:20px;line-height:160%;font-size:.9375rem;font-weight:600;font-family:"Montserrat";color:#e60012}body main.works article section.detail .menbers ul{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:25px}body main.works article section.detail .menbers ul li{width:180px}body main.works article section.detail .menbers ul li a{display:block;box-sizing:border-box;position:relative}body main.works article section.detail .menbers ul li a:hover .thumb:before{top:5px;left:5px}body main.works article section.detail .menbers ul li a:hover .thumb .thumb_inner img{transform:scale(1.04);filter:brightness(1.05)}body main.works article section.detail .menbers ul li a .thumb{width:100%;aspect-ratio:1/1;position:relative}body main.works article section.detail .menbers ul li a .thumb:before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);display:block;position:absolute;top:1px;left:1px;background:#e60012;border-radius:20px;z-index:0;transform-style:preserve-3d;transition-property:top,left;transition-duration:200ms;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:0ms}body main.works article section.detail .menbers ul li a .thumb .thumb_inner{width:100%;height:100%;display:block;border-radius:20px;background:#f8f8f8;overflow:hidden;position:relative;z-index:1}body main.works article section.detail .menbers ul li a .thumb .thumb_inner img{width:100%;height:100%;object-fit:cover;transform-style:preserve-3d;transition-property:transform,filter;transition-duration:200ms;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:0ms}body main.works article section.detail .menbers ul li a dl{margin-top:10px;overflow:hidden;line-height:180%}body main.works article section.detail .menbers ul li a dl dt{font-size:.8125rem;font-weight:800;font-family:"Montserrat"}body main.works article section.detail .menbers ul li a dl dd{font-size:.9375rem;font-weight:500}body main.works article section.detail nav{overflow:hidden}body main.works article section.detail nav p.next{float:right}body main.works article section.detail nav p.next a{padding:30px;width:240px;display:block;box-sizing:border-box;border:1px solid #e60012;border-radius:20px;background:#fff}body main.works article section.detail nav p.next a span{display:block}body main.works article section.detail nav p.next a span.btn_name{margin-bottom:14px;position:relative;line-height:160%;font-size:1.25rem;font-family:"Montserrat";font-weight:600;color:#e60012}body main.works article section.detail nav p.next a span.btn_name:after{content:"";width:52px;height:7px;display:block;background:url("../image/common/icon_arrow_next.svg") no-repeat center center/contain;position:absolute;top:calc(50% - 5px);right:0;filter:brightness(0) saturate(100%) invert(15%) sepia(76%) saturate(5100%) hue-rotate(348deg) brightness(85%) contrast(115%);transform-style:preserve-3d;transition-property:transform;transition-duration:200ms;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:0ms}body main.works article section.detail nav p.next a span.thumb{margin-bottom:15px;width:100%;aspect-ratio:180/135;border-radius:10px;overflow:hidden}body main.works article section.detail nav p.next a span.thumb img{width:100%;height:100%;object-fit:cover;transform-style:preserve-3d;transition-property:filter,transform;transition-duration:200ms;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:0ms}body main.works article section.detail nav p.next a span.text{overflow:hidden;line-height:180%;font-size:.9375rem}body main.works article section.detail nav p.next:hover span.btn_name:after{transform:translateX(10px)}body main.works article section.detail nav p.next:hover span.thumb img{transform:scale(1.1)}body main.works article section.detail p.topicpath{padding-top:0}}@media screen and (max-width: 959px){body main.works article section.content ul.list li{margin-bottom:25px;width:100%;height:100%;box-sizing:border-box}body main.works article section.content ul.list li a{padding-bottom:97px;padding:10px 10px 60px 10px;width:100%;height:100%;display:block;box-sizing:border-box;border:1px solid #e1e1e1;border-radius:20px;position:relative}body main.works article section.content ul.list li a .thumb{margin-bottom:10px;width:100%;aspect-ratio:600/450;overflow:hidden;border-radius:10px}body main.works article section.content ul.list li a .thumb img{width:100%;height:100%;object-fit:cover}body main.works article section.content ul.list li a h2{margin-bottom:10px;padding:0 10px;line-height:160%;font-size:1.25rem;font-weight:600}body main.works article section.content ul.list li a p.client,body main.works article section.content ul.list li a p.year{padding:0 10px;line-height:180%;font-size:.9375rem;font-weight:500}body main.works article section.content ul.list li a p.concept{padding:10px 10px 0 10px;line-height:180%;font-size:1rem;font-weight:500}body main.works article section.content ul.list li a .read_more{right:10px;bottom:10px}body main.works article section.detail{padding-top:0}body main.works article section.detail .hero{margin-bottom:50px;width:100%;aspect-ratio:750/563;overflow:hidden}body main.works article section.detail .hero img{width:100%;height:100%;object-fit:cover}body main.works article section.detail h1{margin-bottom:25px;line-height:160%;font-size:1.5625rem;font-weight:600}body main.works article section.detail .info{margin-bottom:50px;overflow:hidden}body main.works article section.detail .info>ul{margin-bottom:15px}body main.works article section.detail .info>ul>li{margin-bottom:15px}body main.works article section.detail .info>ul>li:last-child{margin-bottom:0}body main.works article section.detail .info dl.year dd{font-family:"Montserrat";font-weight:600}body main.works article section.detail .info dl{overflow:hidden;line-height:180%;font-size:.9375rem}body main.works article section.detail .info dl dt{width:75px;float:left;font-family:"Montserrat";font-weight:600;color:#e60012}body main.works article section.detail .info dl dd{margin-left:75px;font-weight:500}body main.works article section.detail .info dl.output dt{min-height:34px}body main.works article section.detail .info dl.output dd ul{display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap}body main.works article section.detail .info dl.output dd ul li{padding:0 10px;height:34px;border:1px solid #000;box-sizing:border-box;border-radius:17px;line-height:213.33%;font-size:.9375rem;font-weight:600;font-family:"Montserrat";color:#000}body main.works article section.detail .main_content{margin-bottom:75px}body main.works article section.detail .main_content h2{margin-bottom:25px;line-height:160%;font-size:1.25rem;font-weight:600}body main.works article section.detail .main_content p.text{margin-bottom:50px;line-height:180%;font-size:.9375rem}body main.works article section.detail .main_content p.link_url{margin-bottom:50px;line-height:180%;font-size:.9375rem}body main.works article section.detail .main_content p.link_url a{padding-right:30px;display:inline-block;position:relative;text-decoration:underline}body main.works article section.detail .main_content p.link_url a:after{content:"";width:19px;height:15px;display:block;background:url("../image/common/icon_blank.svg") no-repeat center center/contain;position:absolute;top:calc(50% - 7.5px);right:0}body main.works article section.detail .main_content p.main_image,body main.works article section.detail .main_content ul.sub_image li,body main.works article section.detail .main_content .video{margin-bottom:10px;overflow:hidden}body main.works article section.detail .main_content p.main_image img,body main.works article section.detail .main_content ul.sub_image li img,body main.works article section.detail .main_content .video img{width:100%;height:100%;object-fit:cover}body main.works article section.detail .main_content .video{aspect-ratio:16/9}body main.works article section.detail .main_content .video .iframe_player{width:100%;height:100%;position:relative}body main.works article section.detail .main_content .video .iframe_player iframe{position:absolute;top:0;left:0;width:100%;height:100%}body main.works article section.detail .main_content .video video{width:100%;height:100%}body main.works article section.detail .main_content p.main_image{aspect-ratio:1000/563}body main.works article section.detail .main_content ul.sub_image{margin-bottom:10px}body main.works article section.detail .main_content ul.sub_image li{aspect-ratio:490/368}body main.works article section.detail .main_content p.offer{line-height:180%;font-size:.9375rem}body main.works article section.detail .menbers{margin-bottom:100px}body main.works article section.detail .menbers h3{margin-bottom:20px;line-height:160%;font-size:.9375rem;font-weight:600;font-family:"Montserrat";color:#e60012}body main.works article section.detail .menbers ul{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:25px}body main.works article section.detail .menbers ul li{width:calc(50% - 17.5px)}body main.works article section.detail .menbers ul li a{display:block;box-sizing:border-box;position:relative}body main.works article section.detail .menbers ul li a .thumb{width:100%;aspect-ratio:1/1;position:relative}body main.works article section.detail .menbers ul li a .thumb .thumb_inner{width:100%;height:100%;display:block;border-radius:10px;background:#f8f8f8;overflow:hidden;position:relative;z-index:1}body main.works article section.detail .menbers ul li a .thumb .thumb_inner img{width:100%;height:100%;object-fit:cover}body main.works article section.detail .menbers ul li a dl{margin-top:5px;overflow:hidden;line-height:180%}body main.works article section.detail .menbers ul li a dl dt{font-size:.6875rem;font-weight:800;font-family:"Montserrat"}body main.works article section.detail .menbers ul li a dl dd{font-size:.9375rem;font-weight:500}body main.works article section.detail nav{margin-bottom:25px;overflow:hidden}body main.works article section.detail nav p.back{float:left}body main.works article section.detail nav p.back a{padding:0 15px;width:120px;height:50px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:1px solid #000;border-radius:25px;background:#fff}body main.works article section.detail nav p.back a span{padding-left:48px;position:relative;display:block;line-height:160%;font-size:.625rem;font-weight:600;font-family:"Montserrat"}body main.works article section.detail nav p.back a span:before{content:"";width:26px;height:4px;display:block;background:url("../image/common/icon_arrow_back.svg") no-repeat center center/contain;position:absolute;top:calc(50% - 2px);left:0}body main.works article section.detail nav p.next{float:right}body main.works article section.detail nav p.next a{padding:15px;width:150px;display:block;box-sizing:border-box;border:1px solid #e60012;border-radius:20px;background:#fff}body main.works article section.detail nav p.next a span{display:block;overflow:hidden}body main.works article section.detail nav p.next a span.btn_name{margin-bottom:8px;position:relative;line-height:160%;font-size:.9375rem;font-family:"Montserrat";font-weight:600;color:#e60012}body main.works article section.detail nav p.next a span.btn_name:after{content:"";width:26px;height:4px;display:block;background:url("../image/common/icon_arrow_next.svg") no-repeat center center/contain;position:absolute;top:calc(50% - 2px);right:0;filter:brightness(0) saturate(100%) invert(15%) sepia(76%) saturate(5100%) hue-rotate(348deg) brightness(85%) contrast(115%)}body main.works article section.detail nav p.next a span.thumb{margin-bottom:15px;width:100%;aspect-ratio:180/135;border-radius:10px;overflow:hidden}body main.works article section.detail nav p.next a span.thumb img{width:100%;height:100%;object-fit:cover}body main.works article section.detail nav p.next a span.text{line-height:160%;font-size:.625rem}}