@charset "UTF-8";#content{padding-block:180px 0}.cont_wrap{padding:0}.cont_width{max-width:800px;margin:0 auto}.breadcrumb{font-size:1.5rem;padding-top:clamp(13px, 3.466vw, 23px);text-align:right;color:var(--pale-gray)}.breadcrumb a{text-decoration:underline}#content article h2{font-family:var(--font-Noto-Sans);font-size:clamp(2.4rem, 6.4vw, 4rem);margin-block:58px 27px;padding:0;letter-spacing:0}article img{margin-bottom:clamp(40px, 10.66vw, 60px);background-color:#e9ecf0;border-radius:0}p{line-height:1.8}.cont{margin-bottom:clamp(80px, 21.33vw, 150px)}.project-overview{display:flex;gap:40px;padding-inline:10px}.project-overview ul{display:flex;flex-direction:column;gap:10px}.project-overview ul li{display:flex;flex-direction:column;font-size:1.3rem;font-weight:700}.project-overview ul li span{font-size:1.2rem;color:var(--pale-gray);font-weight:900}.project-overview p{width:600px}.process{padding-inline:10px}.steps{margin-bottom:28px}a.blue_button{margin:80px auto 150px;width:240px;padding:16px 50px 16px 100px}a.blue_button:after{right:auto;left:50px;transform:translateY(-50%) rotate(180deg)}@media screen and (max-width:834px){#content h2{width:90%;margin-block:70px 17px;margin-inline:auto}#content .recommend-list h2{margin-top:40px}.breadcrumb{width:90%;margin:0 auto}.cont{width:90%;margin-inline:auto}.project-overview{flex-direction:column}.project-overview p{width:auto}}.recommend-list-wrap{width:100vw;position:relative;left:50%;transform:translateX(-50%);background-color:#e6eef2;padding-block:30px 60px}.recommend-list{max-width:800px;margin:0 auto}.reccomend{display:flex;gap:30px}.recommend-item{width:calc(33.333% - 15px)}.recommend-item .img_wrap{position:relative;width:100%;height:154px;border-radius:10px;background-color:var(--white-bg);overflow:hidden}.recommend-item img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s ease;max-width:500%;width:100%;height:auto;display:block;z-index:2}.recommend-item .img_wrap:before{position:absolute;content:"";opacity:.6;width:360px;height:100%;border-radius:10px;top:0;left:0;display:none;z-index:3;transition:.3s ease}.recommend-item a:hover img{width:110%}.recommend-item a:hover .img_wrap:before{background-color:#142437;display:block}#content .recommend-item h3{margin-bottom:2px;padding:13px 6px 0;font-size:1.8rem;letter-spacing:0;line-height:1.3;border-bottom:none}#content .recommend-item h3:before{display:none}.recommend-item a:hover h3{opacity:.5}@media screen and (max-width:834px){.reccomend{width:90%;margin:0 auto;flex-direction:column}.recommend-item{width:100%}#content .recommend-list h3{width:90%;margin:0 auto clamp(20px,5.333vw,28px)}.recommend-list-wrap{padding-block:50px 100px}.recommend-item .img_wrap{height:214px}}:root{--work_img_gap:clamp(20px, 3vw, 40px)}.work-gallery{display:grid;gap:clamp(30px, 8vw, 60px) clamp(15px, 2vw, 20px)}article .work-gallery img{filter:drop-shadow(0px 0px 7px rgba(0,27,61,.1));border-radius:0;display:inline-block;width:100%;height:auto;margin-bottom:0}.style_dtp02{grid-template-columns:1fr 1fr}.style_bnr{grid-template-columns:1fr 1fr 1fr 1fr}.dailyUI{grid-template-columns:1fr 1fr 1fr}.dailyUI.pc{grid-template-columns:1fr}@media screen and (max-width:834px){.work-gallery{width:90%;margin:0 auto}.style_dtp02{grid-template-columns:1fr}.style_bnr,.dailyUI{grid-template-columns:1fr 1fr}article .work-gallery img{filter:drop-shadow(0px 0px 3px rgba(0,27,61,.2))}}