@charset "UTF-8";.background-gingham{background-image:linear-gradient(transparent 50%,rgba(245,237,228,.5) 50%),linear-gradient(90deg,rgba(245,237,228,.5) 50%,transparent 50%);background-size:20px 20px}.urlWap{text-align:center;text-transform:none}.newWindowIcon{width:17px}h2.graphicH2_japanese,.graphicH3{font-family:"Noto Serif JP",serif}.graphic-detailWap,.other_wk_section{max-width:370px;margin:auto}@media screen and (min-width:890px){.graphic-detailWap,.other_wk_section{max-width:890px}}.graphic-h1wap{position:relative;text-align:left;max-width:360px;margin:auto}.graphicH1{font-size:4rem;font-weight:500;background-clip:text;display:inline-block;margin:120px 0 4px;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.graphicH1:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background-color:#5c4033;transition:width .6s ease-out,left .6s ease-out}.graphicH1.line{opacity:1;transform:translateY(0)}.graphicH1.line:after{width:100%;left:0}.graphicH1_txt{font-size:1.2rem;position:absolute;left:13%}h2.graphicH2_japanese,h2.graphicH2{font-size:3.2rem;font-weight:500;margin:120px auto 30px;text-align:center}.graphicH3{font-size:2rem;font-weight:500;margin-bottom:7px}@media screen and (min-width:890px){.graphic-h1wap{max-width:890px;margin:0 auto;position:relative}.graphicH1{font-size:8rem;font-weight:500;margin:240px 0 4px}.graphicH1_txt{font-size:1.6rem;left:13%}.graphicH2{text-align:center;font-size:4.2rem;margin:50px auto 10px}.graphicH3{font-size:2.4rem;padding-top:7px;text-align:left;width:163px}}.graphicMockup_main{text-align:center}.worksWhopper{max-width:370px;margin:0 auto}.mockUp_img{border-radius:35px;width:360px}.worksDesign_detail{margin:20px 0 40px}@media screen and (min-width:890px){.worksWhopper{max-width:890px}.worksPortfolioMockup{text-align:center}.mockUp_img_main{width:890px}.worksDesign_detail{display:flex;align-items:flex-start}.detailTxt{line-height:2em;font-size:2rem;width:700px}}.otherWorkMockup{margin-bottom:20px}.otherWork:last-of-type{margin-bottom:120px;text-align:center}@media screen and (min-width:1025px){.worksDetailWap{margin:80px auto 120px;width:890px}.otherWork{max-width:890px;width:100%;display:grid;gap:48px;margin:0 auto 40px;grid-template-columns:1fr 1fr;align-items:center}.otherWork:last-of-type{margin-bottom:240px}}