@keyframes bounce{0%,20%,50%,80%,to{transform:translate(0)}40%{transform:translate(-8px)}60%{transform:translate(-4px)}}@keyframes bounce2{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.projects-detail{padding-top:6.875rem;padding-right:0;padding-bottom:7.8125rem;padding-left:0}.projects-detail .wrapper{margin-right:1rem;margin-left:1rem}@media (min-width: 1024px){.projects-detail .wrapper{margin-right:2.5rem;margin-left:2.5rem}}@media (min-width: 1440px){.projects-detail .wrapper{width:85rem;margin-left:auto;margin-right:auto}}.projects-detail section{position:relative}.projects-detail section.hero h2{font-size:1.875rem;line-height:.08125rem;line-height:1.3;font-weight:500;padding-right:1rem}.projects-detail section.hero h2 span{display:block;color:#b2b2b2}.projects-detail section.hero .desc{margin-top:2.5rem;font-size:1rem;line-height:.1rem;line-height:1.6}.projects-detail section.hero ul{margin-top:3.5rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0;border-top:1px solid #EAEAEA}.projects-detail section.hero ul li{padding-top:.75rem;padding-bottom:.75rem;border-bottom:1px solid #EAEAEA}.projects-detail section.hero ul li p:first-child{font-size:.75rem;line-height:.08125rem;line-height:1.3;color:#999}.projects-detail section.hero ul li p+p{margin-top:.125rem;font-size:.875rem;line-height:.08125rem;line-height:1.3;font-weight:500}.projects-detail section.hero ul li:nth-child(7){grid-column:span 2}.projects-detail section.content{margin-top:3.125rem}.projects-detail section.content img{width:100%}.projects-detail section.content .single-image,.projects-detail section.content .double-image{margin-top:.75rem;margin-bottom:.75rem}.projects-detail section.content .double-image img{margin-top:.75rem;margin-bottom:.75rem}.projects-detail section.content .basic-text{margin-top:2.5rem;margin-bottom:2.5rem}.projects-detail section.content .basic-text p{min-height:1.5rem}.projects-detail section.content .blank{height:6.25rem}.projects-detail section.content .credits{margin-top:2.5rem;text-align:center}.projects-detail section.content .credits h4{font-size:1rem;line-height:.1rem;line-height:1.6;font-weight:600}.projects-detail section.content .credits p{margin-top:.25rem;font-size:.9375rem;line-height:.1rem;line-height:1.6}.projects-detail section.content .tags{margin-top:3.75rem;text-align:center}.projects-detail section.content .tags a{margin-top:.5rem;margin-right:.1875rem;margin-left:.1875rem;display:inline-block;padding:.5625rem .625rem .4375rem;border:1px solid #B2B2B2;background-color:#fff;font-size:.875rem;line-height:.0625rem;line-height:1;color:#8a8a8a;transition:all .4s}.no-touch .projects-detail section.content .tags a:hover{background-color:#111;color:#fff;border-color:#111}.projects-detail section.related{margin-top:5rem;overflow:hidden}.projects-detail section.related h3{font-size:1.5rem;line-height:.0875rem;line-height:1.4;font-weight:500}.projects-detail section.related .slider{margin-top:1.875rem;overflow:visible}.projects-detail section.related .slider .swiper-wrapper .swiper-slide{width:19.6875rem}.projects-detail section.related .slider .swiper-wrapper .swiper-slide:last-child{margin:0}.projects-detail section.related .slider .swiper-wrapper .swiper-slide .inner{position:relative;overflow:hidden}.projects-detail section.related .slider .swiper-wrapper .swiper-slide .inner .img{aspect-ratio:16/9;overflow:hidden}.projects-detail section.related .slider .swiper-wrapper .swiper-slide .inner img{object-fit:cover;transform:scale(1);transition:transform 1s cubic-bezier(0,0,.13,1.04),opacity .6s ease}.projects-detail section.related .slider .swiper-wrapper .swiper-slide .inner p{margin-top:.625rem;font-size:1.125rem;line-height:.08125rem;letter-spacing:-.01125rem;line-height:1.3}.projects-detail section.related .slider .swiper-wrapper .swiper-slide .inner p+p{margin-top:.375rem;font-size:.75rem;line-height:.08125rem;line-height:1.3;color:#999}.no-touch .projects-detail section.related .slider .swiper-wrapper .swiper-slide:hover{cursor:pointer}.no-touch .projects-detail section.related .slider .swiper-wrapper .swiper-slide:hover img{transform:scale(1.1)}.projects-detail section.related .swiper-navigation{display:none}@media (min-width: 768px){.projects-detail{padding-top:8.125rem;padding-right:0;padding-bottom:7.8125rem;padding-left:0}.projects-detail section.hero .wrapper{display:flex}.projects-detail section.hero h2{flex-grow:1}.projects-detail section.hero h2+div{width:23.5rem;flex-grow:0}.projects-detail section.hero .desc{margin-top:0}.projects-detail section.content .single-image,.projects-detail section.content .double-image{margin-top:1.25rem;margin-bottom:1.25rem}.projects-detail section.content .double-image{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0;grid-column-gap:1rem}.projects-detail section.content .double-image img{margin-top:0;margin-bottom:0}.projects-detail section.content .basic-text{margin-top:3.125rem;margin-bottom:3.125rem;text-align:right}.projects-detail section.content .basic-text>div{display:inline-block;width:50%;padding-left:.5rem;text-align:left}.projects-detail section.content .credits{margin-top:3.125rem}}@media (min-width: 1024px){.projects-detail{padding-top:10rem;padding-right:0;padding-bottom:10rem;padding-left:0}.projects-detail section.hero h2{font-size:2.375rem;line-height:.08125rem;line-height:1.3}.projects-detail section.hero h2+div{width:30.125rem}.projects-detail section.hero ul{margin-top:4rem}.projects-detail section.hero ul li{padding-top:1rem;padding-bottom:1rem;display:flex}.projects-detail section.hero ul li p:first-child{font-size:.875rem;line-height:.08125rem;line-height:1.3;width:6.0625rem;flex-grow:0;flex-shrink:0}.projects-detail section.hero ul li p+p{margin-top:0}.projects-detail section.content .double-image{grid-column-gap:1.25rem}.projects-detail section.content .basic-text>div{padding-left:.625rem}.projects-detail section.content .blank{height:6.875rem}.projects-detail section.content .credits{margin-top:5rem}.projects-detail section.content .credits h4{font-size:1.125rem;line-height:.1rem;line-height:1.6}.projects-detail section.content .credits p{margin-top:.375rem;font-size:1rem;line-height:.1rem;line-height:1.6}.projects-detail section.content .tags{margin-top:5rem}.projects-detail section.content .tags a{margin-top:.5rem;margin-right:.25rem;margin-left:.25rem;padding:.5625rem .75rem .4375rem}.projects-detail section.related{position:relative;margin-top:6.25rem}.projects-detail section.related .wrapper{overflow:hidden}.projects-detail section.related h3{font-size:1.875rem;line-height:.0875rem;line-height:1.4}.projects-detail section.related .slider{position:relative}.projects-detail section.related .slider .swiper-wrapper .swiper-slide{width:100%}.projects-detail section.related .slider .swiper-wrapper .swiper-slide .inner p{margin-top:.875rem;font-size:1.25rem;line-height:.08125rem;line-height:1.3}.projects-detail section.related .slider .swiper-wrapper .swiper-slide .inner p+p{margin-top:.375rem;font-size:.875rem;line-height:.075rem;line-height:1.2}.projects-detail section.related .swiper-navigation{display:block;position:absolute;right:0;top:-4.5rem;left:auto;bottom:auto;height:2.25rem;display:flex;flex-direction:row;align-items:center}.projects-detail section.related .swiper-navigation .swiper-button-prev,.projects-detail section.related .swiper-navigation .swiper-button-next{opacity:.2;transition:opacity .4s 0s;display:inline-block;position:static;margin:0;color:transparent;width:2.25rem;height:2.25rem;background-image:url(/image/common/slider-arrow.svg);background-repeat:no-repeat;background-size:contain}.no-touch .projects-detail section.related .swiper-navigation .swiper-button-prev:hover,.no-touch .projects-detail section.related .swiper-navigation .swiper-button-next:hover{opacity:1}.projects-detail section.related .swiper-navigation .swiper-button-next{transform:rotate(180deg);margin-left:1.25rem}.projects-detail section.related .swiper-navigation .swiper-button-disabled{opacity:.2}}@media (min-width: 1440px){.projects-detail section.hero h2{font-size:2.625rem;line-height:.08125rem;line-height:1.3}.projects-detail section.hero h2+div{width:43.125rem}.projects-detail section.hero .desc{font-size:1.125rem;line-height:.1rem;line-height:1.6}.projects-detail section.hero ul{margin-top:5.75rem}.projects-detail section.content{margin-top:3.75rem}.projects-detail section.content .basic-text{margin-top:5rem;margin-bottom:5rem;font-size:1.125rem;line-height:.1rem;line-height:1.6}.projects-detail section.content .basic-text p{min-height:1.75rem}.projects-detail section.content .blank{height:7.5rem}.projects-detail section.content .credits{margin-top:5rem}.projects-detail section.content .credits h4{font-size:1.25rem;line-height:.1rem;line-height:1.6}.projects-detail section.content .tags{margin-top:6.25rem}.projects-detail section.related{margin-top:7.5rem}.projects-detail section.related h3{font-size:2rem;line-height:.0875rem;line-height:1.4}.projects-detail section.related .slider{position:relative;margin-top:2rem}.projects-detail section.related .slider .swiper-wrapper .swiper-slide .inner p{margin-top:1rem;font-size:1.375rem;line-height:.08125rem;line-height:1.3}.projects-detail section.related .slider .swiper-wrapper .swiper-slide .inner p+p{margin-top:.5rem;font-size:1rem;line-height:.075rem;line-height:1.2}}