@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap");body{font-size:16px;background-image:url("../img/web_bg.png");background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;}body a{text-decoration:none!important;}.nav-logo{width:105px;position:absolute;left:0;top:0;opacity:.7;}@media screen and (max-width:767px){.nav-logo{width:50px;}}.index-page .carousel-wrap{position:relative;}.index-page .carousel-wrap .carousel-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:2;}.index-page .carousel-wrap .text-wrap{position:absolute;z-index:9;left:20px;bottom:20px;background-color:rgba(0,0,0,.4);padding:60px;font-family:"Crimson Text",sans-serif;color:#fff;line-height:175%;font-size:1.3em;letter-spacing:5px;text-shadow:3px 3px 5px rgba(0,0,0,.2);}@media screen and (max-width:767px){.index-page .carousel-wrap .text-wrap{left:50%;bottom:20px;transform:translateX(-50%);padding:20px;width:90%;}}.index-page .carousel-wrap .text-wrap:after{content:"";width:0;height:0;border-style:solid;border-width:0 0 70px 70px;border-color:transparent transparent #fff transparent;position:absolute;bottom:5px;right:5px;opacity:.3;}.index-page .carousel-wrap .owl-carousel{height:80vh;}.index-page .carousel-wrap .owl-carousel .owl-item{height:80vh;overflow:hidden;}.index-page .carousel-wrap .owl-carousel .owl-item img{height:100%;object-fit:cover;object-position:center;}.index-page .carousel-wrap .owl-carousel .owl-item.active img{-webkit-animation:zoom 10s;animation:zoom 10s;}.index-page .block-section{display:flex;margin:0 auto;max-width:1100px;align-items:center;padding:100px 0;width:90%;}.index-page .block-section.about{flex-direction:row-reverse;}.index-page .block-section.about .text-wrap{margin-right:-35px;}@media screen and (max-width:767px){.index-page .block-section.about .text-wrap{margin-right:0;}}.index-page .block-section .img-wrap{width:60%;position:relative;z-index:1;}.index-page .block-section .img-wrap img{width:calc(100% + 60px);filter:drop-shadow(0 0 5px rgba(0,0,0,.5));}.index-page .block-section .text-wrap{flex:1;background-color:#e5ddbd;padding:40px 60px;line-height:250%;position:relative;z-index:2;}.index-page .block-section .text-wrap:after{content:"";width:0;height:0;border-style:solid;border-width:0 0 70px 70px;border-color:transparent transparent #fff transparent;position:absolute;bottom:5px;right:5px;opacity:.5;}.index-page .block-section .text-wrap .title{font-family:"Crimson Text",sans-serif;font-weight:bold;font-size:2em;letter-spacing:5px;margin-bottom:40px;font-weight:bold;}@media screen and (max-width:767px){.index-page .block-section .about-inner{display:block;}}.index-page .block-section .about-inner .img-wrap{width:50%;}@media screen and (max-width:767px){.index-page .block-section .about-inner .img-wrap{width:100%;}}.index-page .block-section .about-inner .img-wrap img{width:100%;height:100%;object-fit:cover;}.index-page .block-section .about-inner .text-wrap{background-image:url("../img/bg.png");background-repeat:no-repeat;background-size:30%;background-position:right bottom;position:relative;flex:1;min-width:1px;padding:60px;}.index-page .block-section .about-inner .text-wrap .text-inner{line-height:200%;position:relative;z-index:2;letter-spacing:1px;}.index-page .block-section .about-inner .text-wrap .text-inner .title{font-family:"Crimson Text",sans-serif;font-size:2em;letter-spacing:1px;margin-bottom:40px;}.index-page .block-section .about-inner .text-wrap .bg{position:absolute;right:30px;bottom:30px;opacity:.8;}@media screen and (max-width:767px){.index-page .block-section{display:block;padding:40px 0;}.index-page .block-section .img-wrap{width:100%;}.index-page .block-section .img-wrap img{width:100%;}.index-page .block-section .text-wrap{padding:20px;}}.index-page .collection-section{display:flex;padding:40px;}@media screen and (max-width:767px){.index-page .collection-section{display:block;padding:20px;}}.index-page .collection-section .more-block{flex:1;background-color:#f1f1f1;position:relative;}@media screen and (max-width:767px){.index-page .collection-section .more-block{padding:40px 0;}}.index-page .collection-section .more-block .more-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}@media screen and (max-width:767px){.index-page .collection-section .more-block .more-inner{text-align:center;position:unset;transform:unset;}}.index-page .collection-section .more-block .more-inner .en{font-family:"Crimson Text",sans-serif;font-size:2em;margin-bottom:30px;}.index-page .collection-section .more-block .more-inner a{color:#000;position:relative;}.index-page .collection-section .more-block .more-inner a:hover:after{background-color:#000;transform:scale(.3);}.index-page .collection-section .more-block .more-inner a:before{content:"";width:90px;height:1px;background-color:#000;display:inline-block;position:absolute;bottom:-10px;left:-10px;}.index-page .collection-section .more-block .more-inner a:after{content:"";width:30px;height:30px;border:1px solid #000;display:inline-block;border-radius:50%;position:relative;bottom:-27px;transition:all .3s;}.index-page .collection-section .project{flex:1;}@media screen and (max-width:767px){.index-page .collection-section .project{margin-right:0;margin-bottom:20px;}}.index-page .collection-section .project a{display:block;padding-top:100%;position:relative;overflow:hidden;cursor:pointer;}.index-page .collection-section .project a img{position:absolute;height:100%;width:100%;object-fit:cover;top:0;left:0;z-index:1;transition:all .3s;}.index-page .collection-section .project a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:all .3s;z-index:2;}.index-page .collection-section .project a .text-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;color:#fff;text-align:center;}.index-page .collection-section .project a .text-inner:after{content:"view";position:relative;bottom:-60px;opacity:0;transition:all .3s;font-family:"Crimson Text",sans-serif;letter-spacing:3px;}.index-page .collection-section .project a .text-inner .ch{position:relative;top:-60px;opacity:0;transition:all .3s;}.index-page .collection-section .project a:hover img{transform:scale(1.1);}.index-page .collection-section .project a:hover:after{background-color:rgba(0,0,0,.4);}.index-page .collection-section .project a:hover .text-inner:after{bottom:0;opacity:1;}.index-page .collection-section .project a:hover .text-inner .ch{top:0;opacity:1;}@media screen and (min-width:768px){.navbar-inverse{background-color:transparent;border:0;position:absolute;}.navbar-inverse .container{display:flex;}.navbar-inverse .container .navbar-brand{display:none;}.navbar-inverse .container .navbar-collapse{flex:1;text-align:right;}.navbar-inverse .container .navbar-collapse .navbar-nav{float:right;}.navbar-inverse a{color:#fff!important;}}@media screen and (max-width:767px){.navbar-inverse .navbar-toggle{border:0;}.navbar-inverse .navbar-collapse{max-height:unset;text-align:center;transition:all .2s;}.navbar-inverse .navbar-collapse.in{height:calc(100vh - 50px);}}footer{padding:100px;letter-spacing:1px;background-color:#e5ddbd;}footer .info-wrap .logo{width:60px;}@media screen and (max-width:767px){footer .info-wrap .logo{width:100px;margin-bottom:30px;}}footer .info-wrap .info{display:inline-block;text-align:left;vertical-align:middle;padding:0 10px;}@media screen and (max-width:767px){footer .info-wrap .info{text-align:center;}}footer .info-wrap .info .name{font-size:1.8em;font-weight:bold;}footer .info-wrap .info .address{margin-bottom:5px;}footer .contact-list{display:inline-block;text-align:left;line-height:250%;list-style:none;letter-spacing:2px;font-family:"Crimson Text",sans-serif;}footer .contact-list span{display:inline-block;}footer .contact-list a{color:#000;}footer .service-item{padding-top:15px;}footer .copy-right{font-size:.8em;margin-top:10px;}@media screen and (max-width:767px){footer{text-align:center;padding:40px 20px;}footer .contact-list{padding:0;margin-top:40px;}}.contact-page .banner{position:relative;padding:100px 0;background-image:url("../img/3D示意圖2/S__4046895.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;}.contact-page .banner .banner-inner{text-align:center;position:relative;z-index:3;}.contact-page .banner .banner-inner .main-title{font-family:"Crimson Text",sans-serif;font-size:2em;color:#fff;margin-bottom:40px;font-weight:bold;letter-spacing:1px;}.contact-page .banner .banner-inner .sub-title{color:#fff;width:90%;max-width:460px;margin:0 auto;line-height:200%;font-size:.9em;}.contact-page .banner:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.2);}.contact-page .banner:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-color:rgba(0,0,0,.2);}.contact-page .form-wrap{width:90%;max-width:960px;margin:0 auto;display:flex;background-color:#fff;margin-bottom:100px;margin-top:-50px;position:relative;z-index:2;box-shadow:0 2px 5px rgba(0,0,0,.2);}.contact-page .form-wrap .img-wrap{padding:60px 20px;width:40%;text-align:center;position:relative;font-family:"Crimson Text",sans-serif;background-image:url("../img/現代低調/LINE_ALBUM_現代低調_240923_24.jpg");background-size:cover;}@media screen and (max-width:767px){.contact-page .form-wrap .img-wrap{display:none;}}.contact-page .form-wrap .img-wrap .img-wrap-inner{position:relative;z-index:3;display:flex;flex-direction:column;height:100%;}.contact-page .form-wrap .img-wrap .img-wrap-inner .title{font-size:2em;margin-bottom:20px;font-weight:bold;}.contact-page .form-wrap .img-wrap .img-wrap-inner a{color:#000;}.contact-page .form-wrap .img-wrap .img-wrap-inner ul{text-align:left;line-height:300%;letter-spacing:1px;list-style:none;}.contact-page .form-wrap .img-wrap .img-wrap-inner .img-space{flex:1;background-image:url("../img/contact.png");background-size:auto 170px;background-position:center bottom;background-repeat:no-repeat;}.contact-page .form-wrap .img-wrap:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:#e5ddbd;opacity:.95;}.contact-page .form-wrap .field-wrap{padding:30px;flex:1;}.contact-page .form-wrap .field-wrap label{font-size:.9em;}.contact-page .form-wrap .field-wrap input{display:block;width:100%;border:0;background-color:#f4f4f4;line-height:40px;margin-bottom:20px;border-radius:5px;padding:0 15px;}.contact-page .form-wrap .field-wrap textarea{display:block;width:100%;border:0;background-color:#f4f4f4;padding:15px;}.contact-page .form-wrap .field-wrap button{border:0;background-color:#e5ddbd;color:#000;padding:7px 20px;margin:0 auto;display:block;margin-top:30px;transition:all .3s;font-size:.9em;}.contact-page .form-wrap .field-wrap button:hover{background-color:#5f5a47;color:#fff;}.projects-page .banner{position:relative;padding:100px 0;background-image:url("../img/現代低調/作品集_210317_19.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;}.projects-page .banner .banner-inner{text-align:center;position:relative;z-index:3;}.projects-page .banner .banner-inner .main-title{font-family:"Crimson Text",sans-serif;font-size:2em;color:#fff;margin-bottom:40px;font-weight:bold;letter-spacing:1px;}.projects-page .banner .banner-inner .sub-title{color:#fff;width:90%;max-width:460px;margin:0 auto;line-height:200%;font-size:.9em;}.projects-page .banner:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-color:rgba(0,0,0,.3);}.projects-page .collection-section{display:flex;padding:120px 20px;flex-wrap:wrap;width:90%;max-width:1200px;margin:0 auto;}@media screen and (max-width:767px){.projects-page .collection-section{display:block;}}.projects-page .collection-section .project{width:33%;padding:15px;}@media screen and (max-width:767px){.projects-page .collection-section .project{width:100%;margin-bottom:20px;}}.projects-page .collection-section .project a{display:block;padding-top:100%;position:relative;overflow:hidden;cursor:pointer;border:5px solid #fff;box-shadow:5px 5px 5px rgba(0,0,0,.2);}.projects-page .collection-section .project a img{position:absolute;height:100%;width:100%;object-fit:cover;top:0;left:0;z-index:1;transition:all .3s;}.projects-page .collection-section .project a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:all .3s;z-index:2;}.projects-page .collection-section .project a .text-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;color:#fff;text-align:center;}.projects-page .collection-section .project a .text-inner:after{content:"view";position:relative;bottom:-60px;opacity:0;transition:all .3s;font-family:"Crimson Text",sans-serif;letter-spacing:3px;}.projects-page .collection-section .project a .text-inner .ch{position:relative;top:-60px;opacity:0;transition:all .3s;}.projects-page .collection-section .project a:hover img{transform:scale(1.1);}.projects-page .collection-section .project a:hover:after{background-color:rgba(0,0,0,.4);}.projects-page .collection-section .project a:hover .text-inner:after{bottom:0;opacity:1;}.projects-page .collection-section .project a:hover .text-inner .ch{top:0;opacity:1;}@-webkit-keyframes zoom{from{-webkit-transform:scale(1,1);}to{-webkit-transform:scale(1.1,1.1);}}@keyframes zoom{from{transform:scale(1,1);}to{transform:scale(1.1,1.1);}}