*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}.clearfix::after{content:"";display:block;clear:both}html{font-size:62.5%;font-family:serif}li{list-style:none}table{border:none}.container{width:50%;margin:0 auto}header{padding:3rem 0}footer{padding:2rem 0}footer .footer-flex{display:flex;justify-content:space-between;align-items:center}footer .sns-links{margin-bottom:0.5rem}footer .sns-links .sns-icon{font-size:3rem;color:#3f3f3f;transition:opacity 0.5s}footer .sns-links .sns-icon:hover{opacity:0.6}footer .privacy-link{font-size:1.5rem}footer .privacy-link a{color:#000;display:inline-block;width:100%;height:100%}footer .footer-adr{font-size:1.4rem;color:#000;text-align:left}footer small{font-size:1.4rem;font-style:italic;color:#000}.logo img{display:block;width:35rem;height:auto;margin:0 auto 3rem}.global-nav ul{display:flex;justify-content:space-between;align-items:center}.global-nav ul li{font-size:1.6rem;text-transform:uppercase;font-weight:600;letter-spacing:0.1rem}.global-nav ul li:hover a{color:#4b57be}.global-nav ul li a{color:#000;transition:color 0.5s}.main-img{margin:0 auto;width:100%;height:30vw;margin-bottom:3rem;position:relative}.main-img img{width:100%;height:100%;object-fit:cover}.main-img .catch-phrase{color:#fff;position:absolute;top:1rem;right:2rem;font-size:2.2rem}.text-contents{font-size:1.6rem;margin:2rem 0 1rem;color:#000;line-height:1}.title{font-size:1.8rem;text-transform:uppercase;margin-bottom:2rem}.title.under::after{content:"";display:block;width:100%;height:1px;background:linear-gradient(to right, #aaa, transparent)}.category-links{display:grid;grid-template-columns:repeat(2, 1fr);width:100%;height:25vw;gap:3rem}.category-links .category-link{overflow:hidden;position:relative}.category-links .category-link img{width:100%;height:100%;object-fit:cover;transition:transform 2s}.category-links .category-name{font-size:1.6rem;position:absolute;top:2rem;left:2rem;z-index:10}.category-links a{color:#fff}.category-links a:hover img{transform:scale(1.02)}.works-container{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);align-items:center;gap:1rem}.works-container .work{width:100%;height:25vh;position:relative}.works-container .work .work-title{color:#fff;position:absolute;bottom:0;left:0;right:0;text-align:center;background-color:rgba(51,51,51,0.6);z-index:10}.works-container .work img{display:inline-block;width:100%;height:100%;object-fit:cover;vertical-align:top;transition:opacity 0.5s;cursor:pointer}.works-container .work img:hover{opacity:0.8}.large-pic-display{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(51,51,51,0.98);display:none;z-index:100}.large-pic-display img{max-width:60%;max-height:90vh;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:opacity 0.6s, visibility 0.6s}.large-pic-display .close-display{position:absolute;font-size:4rem;color:#fff;right:18%;top:10%;z-index:10;cursor:pointer}.large-pic-display .control-wrapper{position:absolute;top:0;bottom:0;width:20%;display:flex;justify-content:center;align-items:center;cursor:pointer}.large-pic-display .control-wrapper.left{left:0}.large-pic-display .control-wrapper.right{right:0}.large-pic-display .img-control{color:#fff;font-size:4rem}.large-pic-display.show{display:inherit}.contact-info{font-size:1.6rem;display:grid;grid-template-columns:repeat(2, 1fr);margin-bottom:4rem}.contact-info .company-name{font-size:1.7rem}.contact-info .tel-mail{padding-left:2rem;border-left:1px solid #aaa}.contact-info .tel-mail a{color:#000}.contact-form p{font-size:1.6rem}.contact-form form{display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.contact-form label{font-size:1.6rem}.contact-form input{margin-bottom:1rem;outline:none;font-size:1.6rem}.contact-form textarea{resize:none;outline:none;font-size:1.6rem;margin-bottom:2rem}.submit-btn{background-color:transparent;border:1px solid #aaa;font-size:1.6rem;font-family:serif;padding:1rem 4rem;outline:none;cursor:pointer;color:#000;transition:background-color 0.5s, color 0.5s}.submit-btn:hover{background-color:#000;color:white}.submit-btn.cat{display:inline-block;margin-bottom:2rem}.blog-categories{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;margin-top:3rem}.blog-categories .cat{width:100%;height:10vw;font-size:1.6rem;background-color:rgba(0,83,10,0.363);transition:background-color 0.5s, border-color 0.5s}.blog-categories .cat a{display:inline-block;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;transition:color 0.5s}.blog-categories .cat:hover{background-color:rgba(3,36,7,0.877)}.blog-categories .cat:hover a{color:#fff}.blog-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-bottom:3rem}.blog-container .blog{border:1px solid #aaa}.blog-container .blog .blog-img{width:100%;height:15vw;position:relative}.blog-container .blog .blog-img img{width:100%;height:100%;object-fit:cover}.blog-container .blog .blog-img .blog-category{position:absolute;left:0;right:0;bottom:0;color:#000;background-color:rgba(51,51,51,0.6);font-size:1.6rem;font-weight:bold;padding:0.2rem 0.8rem;color:#fff;text-transform:uppercase}.blog-container .blog .blog-info{padding:1rem;font-size:1.6rem;color:#000}.blog-container .blog .blog-info .blog-title{font-size:1.7rem;margin-bottom:0.8rem}.blog-container .blog .blog-info .blog-title::after{content:"";display:block;width:100%;height:1px;background-color:#aaa}.blog-container .blog .blog-info .blog-date{text-align:right}.pager{margin-top:1.5rem}.pager .btn{color:#000;font-size:1.6rem;transition:opacity 0.5s}.pager .btn:hover{opacity:0.8}.pager .btn.next{float:left}.pager .btn.prev{float:right}.blog-contents{font-size:1.6rem}.page-contents{font-size:1.6rem}.no-post{font-size:1.6rem}.sp{display:none}@media screen and (max-width: 1270px){.container{width:70%}.main-img{height:34vw}}@media screen and (max-width: 767px){.sp{display:inherit}.container{width:90%}header{padding:3rem 0;display:flex;align-items:center;justify-content:space-between}header .menu-icon i{font-size:4rem;color:#000}header .menu-icon .fa-times{display:none}header.opened-menu .menu-icon .fa-bars{display:none}header.opened-menu .menu-icon .fa-times{display:inherit}footer{text-align:center}footer .footer-flex{flex-direction:column-reverse}footer .footer-adr{font-size:1.4rem;color:#000;text-align:center}footer small{color:#000}.logo img{width:20rem;margin:0 auto}.global-nav{position:fixed;top:0;left:-65%;bottom:0;width:60%;background-color:#fff;z-index:1000;padding:10rem 2rem 0;box-shadow:0 0 1rem #000;transition:left 0.5s}.global-nav ul{flex-direction:column;align-items:flex-start}.global-nav ul li{font-size:2rem;padding:1rem 0}.global-nav ul li a{display:inline-block;width:100%;height:100%}.opened-menu .global-nav{left:0}.main-img{height:40vh;margin-bottom:3rem}.main-img .catch-phrase{font-size:1.9rem;top:1rem;right:2rem}.category-links{grid-template-columns:repeat(1, 1fr);height:50vh}.works-container{grid-template-columns:repeat(1, 1fr);gap:1rem}.works-container .work{height:25vh}.large-pic-display img{max-width:95%}.large-pic-display .close-display{position:absolute;font-size:4rem;color:#fff;right:3rem;top:3rem;cursor:pointer;z-index:100}.large-pic-display .control-wrapper{width:50%;display:flex;align-items:center;cursor:pointer;z-index:10}.large-pic-display .control-wrapper.left{left:0;justify-content:flex-start}.large-pic-display .control-wrapper.right{right:0;justify-content:flex-end}.large-pic-display .img-control{color:#fff;font-size:4rem}.large-pic-display .img-control.left{margin-left:2rem}.large-pic-display .img-control.right{margin-right:2rem}.contact-info{grid-template-columns:repeat(1, 1fr)}.contact-info .address{padding-bottom:2rem}.contact-info .tel-mail{padding-top:2rem;padding-left:0;border-top:1px solid #aaa;border-left:none}.contact-form label{font-size:1.6rem}.contact-form input{width:80%}.contact-form textarea{width:100%}.blog-categories{grid-template-columns:repeat(1, 1fr)}.blog-categories .cat{height:10vh}.blog-container{grid-template-columns:repeat(1, 1fr);gap:2rem}.blog-container .blog .blog-img{height:25vh}}