*{vertical-align:middle;text-decoration:none;box-sizing:border-box;text-align:center;list-style:none}html{font-size:16px;width:100%;overflow-y:scroll;overflow-x:hidden;padding:0 !important;margin:0 !important}body{background-color:#e1e1dc;font-family:"ヒラギノ角ゴ Pro W3","YuGothic",serif;width:100%;padding:0;margin:0}.outer-container{margin:0 10px}@media screen and (min-width: 992px){.outer-container{padding:0 30px;max-width:1280px;margin:0 auto}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:2.8rem}@media screen and (min-width: 992px){h1{font-size:3.75rem}}h2{font-size:2.25rem}@media screen and (min-width: 992px){h2{font-size:5rem}}h3{font-size:1.6rem}@media screen and (min-width: 992px){h3{font-size:1.25rem}}h4{font-size:1.5rem}@media screen and (min-width: 992px){h4{font-size:2rem}}h6{font-size:1.5rem}@media screen and (min-width: 992px){h6{font-size:1rem}}a{color:#000;cursor:pointer}a:hover{background-color:hsla(0,0%,100%,.1);transition-duration:.5s}p{font-size:1rem}@media screen and (min-width: 992px){p{font-size:.825rem}}em{font-style:normal}ul{padding-left:0}.x-twitter-icon a i{color:#000}.instagram-icon a i{color:#c437a4}.github-icon a i{color:#000}.html5-icon i{color:#df4b25}.css3-icon i{color:#214adf}.js-icon i{color:#f8d900}.wp-icon i{color:#333}.php-icon i{color:#7578ae}.service-icon i{color:#a28d69}header{margin-top:15px !important;z-index:1}header .header-left{float:left}header .header-left a{display:inline-block;height:100%;width:100%}header .header-left img{width:50px;height:auto;border-radius:50%;border:solid 2px #a28d69;display:inline-block}header .header-left h6{display:none;height:50px;line-height:50px;margin-left:10px}@media screen and (min-width: 992px){header .header-left h6{display:inline-block}}header .header-right{display:none;position:fixed;z-index:990;top:0;left:0;right:0;width:100%;height:100vh;background-color:rgba(40,47,53,.99);transition:all 1s ease-in-out}@media screen and (min-width: 992px){header .header-right{display:block;float:right;position:unset;top:unset;left:unset;right:unset;width:auto;height:auto;background-color:rgba(0,0,0,0)}}header .header-right ul{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%}@media screen and (min-width: 992px){header .header-right ul{position:unset;top:unset;left:unset;transform:unset;width:101%;margin-top:11px;margin-bottom:11px}}header .header-right ul li{font-size:2rem;margin-top:20px}@media screen and (min-width: 992px){header .header-right ul li{font-size:1rem;display:inline;margin-top:0}header .header-right ul li+li{padding-left:20px}}header .humberger-wrap{display:block;z-index:999;position:relative;float:right;padding-top:10px;background-color:rgba(0,0,0,0)}@media screen and (min-width: 992px){header .humberger-wrap{display:none}}header .humberger-wrap .humberger{display:inline-block;position:relative;width:40px;height:30px;cursor:pointer}header .humberger-wrap .humberger span{display:inline-block;background-color:#a28d69;position:absolute;width:100%;height:5px;margin:0;padding:0;right:0;transform:rotate(0deg) translateY(0);transition:1s ease-in-out;overflow:hidden}header .humberger-wrap .humberger span:hover{background-color:rgba(162,141,105,.7)}header .humberger-wrap .humberger span:nth-child(1){top:0}header .humberger-wrap .humberger span:nth-child(2),header .humberger-wrap .humberger span:nth-child(3){top:50%;transform:translateY(-50%)}header .humberger-wrap .humberger span:nth-child(4){top:25px}header .humberger-wrap .humberger.open span:nth-child(1){width:0%;top:5px}header .humberger-wrap .humberger.open span:nth-child(2){transform:rotate(45deg) translateY(-0.5px);top:5px}header .humberger-wrap .humberger.open span:nth-child(3){transform:rotate(-45deg) translateY(-0.5px);top:5px}header .humberger-wrap .humberger.open span:nth-child(4){width:0%;top:5px}.firstview{width:100%;height:100vh;z-index:0}.firstview .fv-img{z-index:-1;position:fixed;top:45%;left:52%;transform:translate(-50%, -50%);opacity:.2}.firstview .fv-text-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.firstview .scrollbtn{position:absolute;bottom:5%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.firstview .scrollbtn span::before{content:"";position:absolute;bottom:45px;left:15px;width:10px;height:10px;border-radius:50%;background:#000;animation:circleupdown 4s linear infinite,circlevisible 4s ease-in-out infinite}@keyframes circleupdown{0%{bottom:45px}50%{bottom:25px}60%{bottom:30px}70%{bottom:25px}75%{bottom:27px}80%{bottom:25px}100%{bottom:25px}}@keyframes circlevisible{0%{opacity:0}25%{opacity:1}90%{opacity:1}100%{opacity:0}}.firstview .scrollbtn span::after{content:"";position:absolute;bottom:20px;left:10px;width:20px;height:40px;border-radius:50%;border:solid 2px #000;background:rgba(0,0,0,0)}.toTop{display:none}.toTop a{background-color:rgba(0,0,0,0)}.toTop a i{vertical-align:text-top}.showTopbtn{display:block;position:fixed;z-index:2;right:10px;bottom:30px;font-size:3rem}@media screen and (min-width: 992px){.showTopbtn{right:30px;font-size:4rem}}.main .content{margin-top:80px}@media screen and (min-width: 992px){.main h2{text-align:left;margin-left:100px}}.main h2::after{display:inline-block;content:"";background-color:#000;width:4rem;height:2px;margin-left:10px;margin-top:.1rem;transform:translateY(-0.1rem)}.con-second .second-wrapper{display:flex;flex-direction:column;width:100%;margin-top:50px}@media screen and (min-width: 992px){.con-second .second-wrapper{flex-direction:row}}.con-second .second-wrapper .sec-left,.con-second .second-wrapper .sec-right{flex:1;width:100%}.con-second .second-wrapper .sec-left img{width:50%;height:auto;margin:0 auto}.con-second .second-wrapper .sec-left .social-links{width:60%;margin:0 auto;margin-top:20px}.con-second .second-wrapper .sec-left .social-links ul{display:flex;flex-wrap:wrap}.con-second .second-wrapper .sec-left .social-links ul li{flex:1;width:100%}.con-second .second-wrapper .sec-left .social-links ul li a i{font-size:3rem}@media screen and (min-width: 992px){.con-second .second-wrapper .sec-left+.sec-right{margin-top:10px}}.con-second .second-wrapper .sec-right *{text-align:left}.con-second .second-wrapper .sec-right p+p{margin-top:30px}.con-third .third-wrapper{width:100%;margin-top:50px}.con-third .third-wrapper ul{display:flex;flex-direction:column}@media screen and (min-width: 992px){.con-third .third-wrapper ul{flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap}}.con-third .third-wrapper ul li{width:100%}.con-third .third-wrapper ul li+li{margin-top:10px}@media screen and (min-width: 992px){.con-third .third-wrapper ul li{width:33.3%;padding:0 30px;margin:0 0}.con-third .third-wrapper ul li+li{margin-top:0}.con-third .third-wrapper ul li:nth-child(n+4){margin-top:30px}}.con-third .third-wrapper ul li a{width:100%;opacity:1}.con-third .third-wrapper ul li a:hover{opacity:.7}.con-third .third-wrapper ul li a img{width:100%;height:auto}.con-third .detail-btn{text-align:right}.con-third .detail-btn button{font-size:2rem;font-weight:bold;font-style:italic;cursor:pointer;background-color:rgba(0,0,0,0);border:none}@media screen and (min-width: 992px){.con-third .detail-btn button{margin-right:30px}}.con-third .detail-btn button a{color:#a28d69}.con-third .detail-btn button a:hover{color:rgba(162,141,105,.7)}.con-third .detail-btn button i{font-size:1.5rem;margin-left:3px}.con-fourth .fourth-wrapper{width:100%;margin-top:50px}.con-fourth .fourth-wrapper ul{display:flex;flex-direction:column}@media screen and (min-width: 992px){.con-fourth .fourth-wrapper ul{flex-direction:row;justify-content:space-around;flex-wrap:wrap}}.con-fourth .fourth-wrapper ul li{width:100%;margin-top:10px}.con-fourth .fourth-wrapper ul li:nth-child(n+5){margin-top:0}@media screen and (min-width: 992px){.con-fourth .fourth-wrapper ul li:nth-child(n+5){margin-top:30px}}@media screen and (min-width: 992px){.con-fourth .fourth-wrapper ul li{width:25%;padding:0 30px;margin-top:0}}.con-fourth .fourth-wrapper ul li .skill-icon{font-size:2rem;width:50%;margin:0 auto;background-color:#fff;box-shadow:3px 3px rgba(162,141,105,.2)}@media screen and (min-width: 992px){.con-fourth .fourth-wrapper ul li .skill-icon{width:100%}}.con-fifth .fifth-wrapper{width:100%;margin-top:50px}.con-fifth .fifth-wrapper ul{display:flex;flex-direction:column}.con-fifth .fifth-wrapper ul li{width:80%;padding:0 10px 10px 10px;margin:0 auto;position:relative;background-color:#d0d0cb}.con-fifth .fifth-wrapper ul li+li{margin-top:50px}.con-fifth .fifth-wrapper ul li p{margin-top:10px}.con-fifth .fifth-wrapper ul li .service-icon{position:absolute;top:-40px;left:50%;width:5rem;height:5rem;transform:translateX(-50%);border-radius:50%;background-color:#fff}.con-fifth .fifth-wrapper ul li .service-icon i{font-size:3rem;padding-top:1rem}.con-fifth .fifth-wrapper ul li h4{margin-top:50px}.con-sixth .sixth-wrapper{width:100%;margin-top:50px}@media screen and (min-width: 992px){.con-sixth .sixth-wrapper form{width:65%;margin:0 auto}}.con-sixth .sixth-wrapper form *{display:block;width:100%;margin:0 auto;text-align:left}.con-sixth .sixth-wrapper form legend{font-size:2rem;padding:0 5px}@media screen and (min-width: 992px){.con-sixth .sixth-wrapper form legend{font-size:2.5rem}}.con-sixth .sixth-wrapper form label{margin-top:20px;padding-left:5px}.con-sixth .sixth-wrapper form input[type=text],.con-sixth .sixth-wrapper form input[type=email],.con-sixth .sixth-wrapper form textarea{padding:0 5px}.con-sixth .sixth-wrapper form input[type=submit]{width:200px;margin:0 auto;margin-top:20px;text-align:center}.con-sixth .sixth-wrapper form p{margin:20px 0;text-align:center}.con-sixth .sixth-wrapper form label.error{margin-top:10px;color:red}.con-sixth .sixth-aside{margin-top:50px}.con-sixth .sixth-aside p{display:inline}.con-sixth .sixth-aside ul{padding:0;margin:0}.con-sixth .sixth-aside ul li{display:inline;font-size:2rem}.con-sixth .sixth-aside ul li+li{padding-left:20px}.firstview-works{height:50vh}.firstview-works .fv-img{z-index:-1;position:fixed;top:22.5%;left:52%;transform:translate(-50%, -25%);opacity:.2}.firstview-works .fv-text-wrap{position:absolute;top:25%;left:50%;transform:translate(-50%, -25%)}.con-works{margin-top:0 !important}.con-works .works-wrapper{width:100%;margin-top:0}@media screen and (min-width: 992px){.con-works .works-wrapper{margin-top:50px}}.con-works .works-wrapper ul{display:flex;flex-direction:column}@media screen and (min-width: 992px){.con-works .works-wrapper ul{flex-direction:row;flex-wrap:wrap;align-items:center}}.con-works .works-wrapper ul li{width:100%}.con-works .works-wrapper ul li+li{margin-top:10px}@media screen and (min-width: 992px){.con-works .works-wrapper ul li{width:33.3%;padding:0 30px;margin:0 0}.con-works .works-wrapper ul li+li{margin-top:0}.con-works .works-wrapper ul li:nth-child(n+4){margin-top:30px}}.con-works .works-wrapper ul li a{width:100%;opacity:1}.con-works .works-wrapper ul li a:hover{opacity:.7}.con-works .works-wrapper ul li a img{width:100%;height:auto}.firstview-work-detail{height:50vh}.firstview-work-detail .fv-img{z-index:-1;position:fixed;top:22.5%;left:52%;transform:translate(-50%, -25%);opacity:.2}.firstview-work-detail .fv-text-wrap{position:absolute;top:35%;left:52%;transform:translate(-50%, -25%)}.con-work-detail{margin-top:0 !important}.con-work-detail .detail-wrapper{width:100%;margin-top:0}@media screen and (min-width: 992px){.con-work-detail .detail-wrapper{margin-top:50px}}.con-work-detail .detail-wrapper .work-img-wrapper{width:80%;margin:0 auto}.con-work-detail .detail-wrapper .work-img-wrapper img{width:100%;max-width:1000px;height:auto;margin:0 auto;box-shadow:15px 10px 3px rgba(0,0,0,.2)}.con-work-detail .detail-wrapper ul{margin-top:80px !important}.con-work-detail .detail-wrapper ul li+li{margin-top:50px !important}.con-work-detail .detail-wrapper .work-detail-text li{width:100%;margin:0 auto;padding:20px;background-color:#d0d0cb}@media screen and (min-width: 992px){.con-work-detail .detail-wrapper .work-detail-text li{width:80%}}.con-work-detail .detail-wrapper .work-detail-text li p{margin-top:10px}.con-work-detail .detail-wrapper .show-all-images-work{display:flex;flex-direction:column}@media screen and (min-width: 992px){.con-work-detail .detail-wrapper .show-all-images-work{flex-direction:row;flex-wrap:wrap;justify-content:center;row-gap:80px;column-gap:50px}}.con-work-detail .detail-wrapper .show-all-images-work li{text-align:left}@media screen and (min-width: 992px){.con-work-detail .detail-wrapper .show-all-images-work li+li{margin-top:0 !important}}.con-work-detail .detail-wrapper .show-all-images-work li span{margin-left:15px}@media screen and (min-width: 992px){.con-work-detail .detail-wrapper .show-all-images-work li span{margin-left:30px}}.con-work-detail .detail-wrapper .show-all-images-work li img{margin:0 auto;margin-top:10px;width:100%;height:auto;box-shadow:15px 10px 3px rgba(0,0,0,.2)}.con-work-detail .detail-wrapper .show-all-images-work li .work-pc{max-width:600px}.con-work-detail .detail-wrapper .show-all-images-work li .work-sp{max-width:300px}.con-work-detail .detail-wrapper .show-all-images-work li .work-tb{max-width:400px}.con-work-detail .detail-wrapper .work-detail-info p{margin-top:20px}.con-work-detail .detail-wrapper .work-detail-info p a{opacity:.7}.con-work-detail .detail-wrapper .work-detail-info p a:hover{opacity:1;text-decoration:underline}.fv-form-comp{height:60vh}.fv-form-comp .fv-text-wrap-form{top:40%}.fv-text-wrap-form p{margin-top:20px}.fv-text-wrap-form .backlink a{color:#a28d69}.fv-text-wrap-form .backlink a:hover{opacity:.5}footer{width:100%;margin-top:80px !important;padding-top:50px;background-color:#d0d0cb}footer .menu-links-wrapper{display:flex;flex-direction:column}@media screen and (min-width: 992px){footer .menu-links-wrapper{flex-direction:row}}footer .menu-links-wrapper .links-list{width:100%;padding-left:30px}@media screen and (min-width: 992px){footer .menu-links-wrapper .links-list{width:20%}}footer .menu-links-wrapper .links-list h5,footer .menu-links-wrapper .links-list li{text-align:left}footer .menu-links-wrapper .links-list h5{color:#a28d69}footer .menu-links-wrapper .social-link-list ul li i{font-size:1rem;margin-right:3px}footer em{color:#e1e1dc;font-size:1rem;background-color:rgba(25,25,25,.8);display:inline-block;width:100%;padding:10px 0;margin-top:40px}/*# sourceMappingURL=style.css.map */