body{overflow:hidden}body.is-loaded{overflow:auto}.loader{position:fixed;top:0;bottom:0;left:0;right:0;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;-ms-transition:0.4s ease all;-o-transition:0.4s ease all;transition:0.4s ease all;z-index:20005}.loader:before,.loader:after{position:absolute;content:"";z-index:10;right:0;width:100%;top:0;bottom:0;background:-moz-linear-gradient(left, rgba(76,77,65,0) 0%, #4c4d41 100%);background:-webkit-linear-gradient(left, rgba(76,77,65,0) 0%, #4c4d41 100%);background:linear-gradient(to right, rgba(76,77,65,0) 0%, #4c4d41 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4d41', endColorstr='#004c4d41',GradientType=1 );transform-origin:100% 0%;-webkit-transition:0.8s ease all;-moz-transition:0.8s ease all;-ms-transition:0.8s ease all;-o-transition:0.8s ease all;transition:0.8s ease all}.loader:after{background:#4c4d41}.loader .loader-logo{position:absolute;z-index:99;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:0.2s ease all;-moz-transition:0.2s ease all;-ms-transition:0.2s ease all;-o-transition:0.2s ease all;transition:0.2s ease all;overflow:hidden}@media (max-width: 767px){.loader .loader-logo{top:43%}}.loader .loader-logo img{width:80px}@media (max-width: 767px){.loader .loader-logo img{width:50px}}.loader .loader-logo .img{display:inline-block;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;-ms-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all}.loader .loader-logo.is-show .img{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}.loader.is-hide{cursor:default;pointer-events:none}.loader.is-hide:after{background:rgba(76,77,65,0)}.loader.is-hide:before{width:0%;opacity:0.7}.loader.is-hide .loader-logo{opacity:0}.loader.is-hide02{display:none}.main-visual{height:100vh;background:#4C4D49}.main-visual .inner{height:100%;position:relative;-webkit-transition:0.8s ease all;-moz-transition:0.8s ease all;-ms-transition:0.8s ease all;-o-transition:0.8s ease all;transition:0.8s ease all;transition-delay:0.5s;-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px);opacity:0}.main-visual .inner .js-image{width:100%;height:100%;background-position:center bottom}.is-loaded .main-visual .inner{opacity:1;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}.main-visual .mv-ttl01{
	font-family:"微軟正黑體";
	font-size:120px;
	font-size:10rem;
	line-height:116px;
	line-height:1.2em;
	letter-spacing:.04em;
	position:absolute;
	left:4.1%;
	bottom:-83px;
	color:#1A1A1A;
	-webkit-transition:0.3s ease all;
	-moz-transition:0.3s ease all;
	-ms-transition:0.3s ease all;
	-o-transition:0.3s ease all;
	transition:0.3s ease all;
	overflow:hidden
}.main-visual .mv-ttl01 .line02{
	margin-top:-32px;
	font-size:120px;
	font-size:10rem;
	line-height:150px;
	line-height:1.25em
}.main-visual .mv-ttl01 .line{display:inline-block;overflow:hidden}.main-visual .mv-ttl01 .line .y{font-style:normal;display:inline-block;transform:translateX(0) translateY(150px) translateZ(0);-webkit-transition:1s ease all;-moz-transition:1s ease all;-ms-transition:1s ease all;-o-transition:1s ease all;transition:1s ease all}@media (max-width: 767px){.main-visual .mv-ttl01 .line .y{transform:translateX(0) translateY(90px) translateZ(0);-webkit-transition:0.8s ease all;-moz-transition:0.8s ease all;-ms-transition:0.8s ease all;-o-transition:0.8s ease all;transition:0.8s ease all}}.main-visual .mv-ttl01 .line .y.is-show{transform:translateX(0) translateY(0%) translateZ(0)}@media only screen and (min-width: 768px) and (max-width: 1100px){.main-visual .mv-ttl01{font-size:110px;font-size:11rem;line-height:110px;line-height:1em}.main-visual .mv-ttl01 .line02{margin-top:-20px;font-size:110px;font-size:11rem;line-height:142px;line-height:1.29091em}}@media only screen and (min-width: 768px) and (max-width: 999px){.main-visual .mv-ttl01{font-size:95px;font-size:9.5rem;line-height:95px;line-height:1em}.main-visual .mv-ttl01 .line02{margin-top:-15px;font-size:95px;font-size:9.5rem;line-height:121px;line-height:1.27368em}}@media only screen and (min-width: 768px) and (max-width: 890px){.main-visual .mv-ttl01{font-size:90px;font-size:9rem;line-height:90px;line-height:1em}.main-visual .mv-ttl01 .line02{margin-top:-10px;font-size:90px;font-size:9rem;line-height:115px;line-height:1.27778em}}.main-visual .mv-desc01{font-family:'Marcellus', serif;font-size:18px;font-size:1.8rem;line-height:32px;line-height:1.77778em;letter-spacing:.04em;position:absolute;right:3.8%;bottom:45px;color:#fff}@media only screen and (min-width: 768px) and (max-width: 999px){.main-visual .mv-desc01{font-size:16px;font-size:1.6rem;line-height:30px;line-height:1.875em}}@media (max-width: 767px){.main-visual .inner{height:100%;position:relative}.main-visual .mv-ttl01{font-size:73px;font-size:7.3rem;line-height:65px;line-height:.89041em;letter-spacing:.03em;text-align:center;left:0%;right:0;margin:0 auto;bottom:-35px}.main-visual .mv-ttl01 .line02{margin-top:5px;font-size:49px;font-size:4.9rem;line-height:62px;line-height:1.26531em}}.sec01{
	padding:150px 7.7% 150px;
	margin-top:-2px;
	background-color: #49483D;
}.sec01-img{position:relative}.sec01-img .js-image{background-color:#D9D9D5;top:-10%;left:0;width:100%;-webkit-transition:0.2s ease all;-moz-transition:0.2s ease all;-ms-transition:0.2s ease all;-o-transition:0.2s ease all;transition:0.2s ease all}.sec01-img .img01{width:78.26%;overflow:hidden;position:relative}.sec01-img .img01:before{display:block;content:" ";width:100%;padding-top:177.77778%}.sec01-img .img01 .js-image{position:relative;position:absolute}.sec01-img .img01 .js-image:before{display:block;content:" ";width:100%;padding-top:222.22222%}.sec01-img .img01 .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}.sec01-img .img02{right:0;top:50%;width:43.478%;overflow:hidden;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);position:absolute}.sec01-img .img02:before{display:block;content:" ";width:100%;padding-top:160%}.sec01-img .img02 .js-image{position:relative;position:absolute}.sec01-img .img02 .js-image:before{display:block;content:" ";width:100%;padding-top:240%}.sec01-img .img02 .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}.sec01-info .ttl01{font-size:23px;font-size:2.3rem;line-height:46px;line-height:2em;letter-spacing:.06em;color:#fff;margin-bottom:38px}@media only screen and (max-width: 1300px){.sec01-info .ttl01 .max-screen{display:none}}@media only screen and (min-width: 768px) and (max-width: 1100px){.sec01-info .ttl01{margin-bottom:20px}}.sec01-info .desc{font-size:15px;font-size:1.5rem;line-height:38px;line-height:2.53333em;letter-spacing:.06em;color:#fff;margin-bottom:42px}@media (min-width: 768px){.sec01{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}.sec01-img{width:53.1%;order:1}.sec01-info{width:46.9%;order:2;padding:0 0 13px 89px}.sec01-info .box{max-width:500px}}@media only screen and (min-width: 768px) and (max-width: 1100px){.sec01-info{padding:0 0 13px 45px}}@media only screen and (min-width: 768px) and (max-width: 980px){.sec01-info{padding:0 0 13px 30px}}@media (max-width: 767px){.sec01{padding:88px 40px 118px}.sec01-img{padding:0 3px;margin-bottom:15px}.sec01-img .js-image{top:-6%}.sec01-img .img01{width:77.86%}.sec01-img .img01 .js-image{position:relative;position:absolute}.sec01-img .img01 .js-image:before{display:block;content:" ";width:100%;padding-top:200%}.sec01-img .img01 .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}.sec01-img .img02{right:3px;width:44.07%}.sec01-img .img02:before{padding-top:165.38462%}.sec01-img .img02 .js-image{position:relative;position:absolute}.sec01-img .img02 .js-image:before{display:block;content:" ";width:100%;padding-top:203.84615%}.sec01-img .img02 .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}.sec01-info .ttl01{font-size:23px;font-size:2.3rem;line-height:44px;line-height:1.91304em;letter-spacing:0em;margin-bottom:30px}.sec01-info .desc{font-size:15px;font-size:1.5rem;line-height:34px;line-height:2.26667em;letter-spacing:.06em;margin-bottom:33px}}.sec02{background:#D9D9D5;padding:13px 0 0}.sec02 .cm-ttl02{text-align:right;margin-bottom:9px;padding:0 4.4%;max-width:1280px;margin-left:auto;margin-right:auto}.sec02 .list-feature li{text-align:center;position:relative}@media (min-width: 768px){.sec02 .list-feature li:before,.sec02 .list-feature li:after{position:absolute;content:"";z-index:10;width:1px;top:0;bottom:62px;background:#707070;transform-origin:100% 0%;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;-ms-transition:0.4s ease all;-o-transition:0.4s ease all;transition:0.4s ease all}.sec02 .list-feature li:before{left:0}.sec02 .list-feature li:after{right:-1px}}@media only screen and (min-width: 1025px){.sec02 .list-feature li:hover:before,.sec02 .list-feature li:hover:after{bottom:0}}.sec02 .list-feature li .ttl{font-family:'Marcellus', serif;font-size:20px;font-size:2rem;line-height:36px;line-height:1.8em;letter-spacing:.06em;text-transform:uppercase;margin-bottom:36px;-webkit-transition:0.3s ease all;-moz-transition:0.3s ease all;-ms-transition:0.3s ease all;-o-transition:0.3s ease all;transition:0.3s ease all}.sec02 .list-feature li .desc{font-size:15px;font-size:1.5rem;line-height:32px;line-height:2.13333em;letter-spacing:.06em;color:#fff;text-align:left;max-width:250px;margin:0 auto 46px}.sec02 .list-feature li .img{margin-bottom:31px;min-height:134px}.sec02 .list-feature li .box-hover{position:absolute;left:0;top:0;bottom:0;right:0;z-index:29;text-align:center;padding:65px 20px 10px;opacity:0;visibility:hidden;-webkit-transition:opacity .2s ease-out,-webkit-transform .4s ease-out;transition:opacity .2s ease-out,-webkit-transform .4s ease-out;transition:opacity .2s ease-out,transform .4s ease-out;transition:opacity .2s ease-out,transform .4s ease-out,-webkit-transform .4s ease-out}@media (min-width: 768px){.sec02 .list-feature li .box-hover{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}}.sec02 .list-feature li .box-hover .inner{width:100%}.sec02 .list-feature li .box-hover .ttl{font-family:a-otf-ryumin-pr6n,serif;font-weight:300;font-style:normal;margin-bottom:33px;letter-spacing:.1em;color:#fff}@media (min-width: 768px){.sec02 .list-feature li .box-hover .btn{opacity:0;transition:0.4s;transition-delay:0.6s}.sec02 .list-feature li .box-hover .btn .cm-btn01{padding:0 40px 8px 22px}}.sec02 .list-feature li a{position:relative;display:block;height:100%;padding:147px 20px 149px;overflow:hidden}.sec02 .list-feature li a:after{position:absolute;content:"";z-index:10;top:0;left:0;width:100%;height:100%;background:#4C4D41;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:opacity .2s ease-out,-webkit-transform .4s ease-out;transition:opacity .2s ease-out,-webkit-transform .4s ease-out;transition:opacity .2s ease-out,transform .4s ease-out;transition:opacity .2s ease-out,transform .4s ease-out,-webkit-transform .4s ease-out}@media only screen and (min-width: 1025px){.sec02 .list-feature li a:hover{opacity:1}.sec02 .list-feature li a:hover:after{right:auto;left:0;width:100%;-webkit-transform:scale(1);transform:scale(1);opacity:1}.sec02 .list-feature li a:hover .box-hover{opacity:1;visibility:inherit}.sec02 .list-feature li a:hover .box-hover .btn{opacity:1}.sec02 .list-feature li a:hover .cm-btn01{padding:0 62px 8px 0}}.sec02 .list-feature li:last-child:after{display:none}.sec02 .list-feature li:last-child a{border-right:0}.sec02 .list-feature li:nth-child(1):before{display:none}.sec02 .list-feature li:nth-child(1) .img{padding-top:2px}.sec02 .list-feature li:nth-child(2) a{padding-right:35px}.sec02 .list-feature li:nth-child(2) .img{padding-top:10px}@media (min-width: 768px){.sec02 .list-feature{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.sec02 .list-feature li{width:33.33%}}@media (max-width: 767px){.sec02{padding:39px 25px 33px}.sec02 .cm-ttl02{text-align:center;margin-bottom:9px;padding:0 4.4%}.sec02 .list-feature li{margin-bottom:40px}.sec02 .list-feature li .ttl{display:none;font-size:18px;font-size:1.8rem;line-height:36px;line-height:2em;margin-bottom:36px}.sec02 .list-feature li .desc{display:none}.sec02 .list-feature li .img{margin-bottom:0;min-height:10px;width:37%}.sec02 .list-feature li .box-hover{opacity:1;visibility:inherit;position:relative;text-align:left;padding:0 0 0 28px;width:63%}.sec02 .list-feature li .box-hover .ttl{display:block;margin-bottom:19px;letter-spacing:.06em;color:#4C4D41}.sec02 .list-feature li .box-hover .cm-btn01{color:#4C4D41}.sec02 .list-feature li .box-hover .cm-btn01.cm-arr{-webkit-transition:0.3s ease all;-moz-transition:0.3s ease all;-ms-transition:0.3s ease all;-o-transition:0.3s ease all;transition:0.3s ease all}.sec02 .list-feature li .box-hover .cm-btn01.cm-arr:before{background:#4C4D41}.sec02 .list-feature li .box-hover .cm-btn01.cm-arr:after{border-bottom-color:#4C4D41}.sec02 .list-feature li a{width:100%;padding:0 0 49px;border-bottom:1px solid #707070;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}.sec02 .list-feature li:last-child{margin-bottom:0}.sec02 .list-feature li:last-child a{border-bottom:0}.sec02 .list-feature li:last-child .img{padding:9px 0 0}.sec02 .list-feature li:nth-child(1) .img{padding:10px 0 0 7px}.sec02 .list-feature li:nth-child(2) a{padding-right:0}.sec02 .list-feature li:nth-child(2) .img{padding:3px 4px 0 0}}.sec03{padding:100px 0 101px}.sec03 .block{position:relative}.sec03 .block .img{overflow:hidden;position:relative}.sec03 .block .img:before{display:block;content:" ";width:100%;padding-top:100%}.sec03 .block .img .js-image{background-color:#D9D9D5;top:0%;left:0;width:100%;-webkit-transition:0.2s ease all;-moz-transition:0.2s ease all;-ms-transition:0.2s ease all;-o-transition:0.2s ease all;transition:0.2s ease all;position:relative;position:absolute !important}.sec03 .block .img .js-image:before{display:block;content:" ";width:100%;padding-top:107.14286%}.sec03 .block .img .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}.ipad .sec03 .block .img .js-image,.is-ipad .sec03 .block .img .js-image,.iPadPro11 .sec03 .block .img .js-image,.is-ipad129 .sec03 .block .img .js-image{position:relative}.ipad .sec03 .block .img .js-image:before,.is-ipad .sec03 .block .img .js-image:before,.iPadPro11 .sec03 .block .img .js-image:before,.is-ipad129 .sec03 .block .img .js-image:before{display:block;content:" ";width:100%;padding-top:116.07143%}.ipad .sec03 .block .img .js-image>.content,.is-ipad .sec03 .block .img .js-image>.content,.iPadPro11 .sec03 .block .img .js-image>.content,.is-ipad129 .sec03 .block .img .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}@media only screen and (min-width: 768px) and (min-width: 2000px){.sec03 .block .img .js-image{position:relative}.sec03 .block .img .js-image:before{display:block;content:" ";width:100%;padding-top:116.07143%}.sec03 .block .img .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}}.sec03 .block .cm-ttl02{position:absolute;z-index:29;color:#333330}.sec03 .block .desc{
	position:absolute;
	font-family:"微軟正黑體";
	color:#fff;
	font-size:13px;
	font-size:1em;
	line-height:22px;
	line-height:1.69231em;
	letter-spacing:.04em;
	z-index:29
}
.desc-1{
	position:absolute;
	font-family:"微軟正黑體";
	color:#333;
	font-size:13px;
	font-size:1em;
	line-height:22px;
	line-height:1.69231em;
	letter-spacing:.04em;
	z-index:29;
	font-weight: bold;
}.sec03 .block .cm-btn01{position:absolute;z-index:29}.sec03 .block.flow{padding-top:56px}.sec03 .block.flow .cm-ttl02{left:31px;top:-79px}@media only screen and (min-width: 768px) and (max-width: 1100px){.sec03 .block.flow .cm-ttl02{top:-41px}}.sec03 .block.flow .desc{
	left:42px;
	bottom:37px;
	right: 30px;
}
 .desc-1{
	left:42px;
	bottom:37px;
	right: 30px;
}.sec03 .block.flow .cm-btn01{right:41px;bottom:21px}.sec03 .block.faq .cm-ttl02{right:33px;bottom:-98px}.sec03 .block.faq .desc{
	right:39px;
	left:42px;
	bottom:37px;
	right: 30px;
}.sec03 .block.faq .cm-btn01{left:41px;top:36px}.sec03 .block a{display:block}@media only screen and (min-width: 1025px){.sec03 .block a:hover .cm-btn01{padding:0 40px 8px 22px}}@media (min-width: 768px){.sec03 .wcm02{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}.sec03 .block{width:48.29%}}@media (max-width: 767px){.sec03{padding:56px 0 0px; margin-top: -50px;}.sec03 .block{position:relative}.sec03 .block .img .js-image{position:absolute;top:-3%}.sec03 .block .cm-ttl02{color:#333330}.sec03 .block .desc{position:absolute;font-family:'Marcellus', serif;color:#fff;font-size:13px;font-size:1.3rem;line-height:22px;line-height:1.69231em;letter-spacing:.04em;z-index:29}.sec03 .block .cm-btn01{position:absolute;z-index:29}.sec03 .block.flow{padding-top:25px;margin-bottom:30px}.sec03 .block.flow .cm-ttl02{left:16px;top:-41px}.sec03 .block.flow .desc{left:42px;bottom:37px}.sec03 .block.flow .cm-btn01{right:32px;bottom:30px}.sec03 .block.faq .cm-ttl02{right:17px;bottom:-65px}.sec03 .block.faq .desc{right:39px;top:38px;text-align:right}.sec03 .block.faq .cm-btn01{left:30px;top:21px}}.sec04{position:relative;padding:41px 0 120px;background:#4C4D49}.sec04 .cm-ttl02{text-align:center;color:#1A1A1A;position:relative;z-index:29;pointer-events:none}.sec04 .cm-list-works{margin-top:-97px}.sec04 .cm-list-works .img{overflow:hidden;position:relative}.sec04 .cm-list-works .img:before{display:block;content:" ";width:100%;padding-top:150%}.sec04 .cm-list-works .img .js-image{background-color:#D9D9D5;top:-5%;left:0;width:100%;-webkit-transition:0.2s ease all;-moz-transition:0.2s ease all;-ms-transition:0.2s ease all;-o-transition:0.2s ease all;transition:0.2s ease all;position:relative;position:absolute !important}.sec04 .cm-list-works .img .js-image:before{display:block;content:" ";width:100%;padding-top:173.33333%}.sec04 .cm-list-works .img .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}.ipad .sec04 .cm-list-works .img .js-image,.is-ipad .sec04 .cm-list-works .img .js-image,.iPadPro11 .sec04 .cm-list-works .img .js-image,.is-ipad129 .sec04 .cm-list-works .img .js-image{position:relative}.ipad .sec04 .cm-list-works .img .js-image:before,.is-ipad .sec04 .cm-list-works .img .js-image:before,.iPadPro11 .sec04 .cm-list-works .img .js-image:before,.is-ipad129 .sec04 .cm-list-works .img .js-image:before{display:block;content:" ";width:100%;padding-top:190%}.ipad .sec04 .cm-list-works .img .js-image>.content,.is-ipad .sec04 .cm-list-works .img .js-image>.content,.iPadPro11 .sec04 .cm-list-works .img .js-image>.content,.is-ipad129 .sec04 .cm-list-works .img .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}@media (min-width: 768px){.sec04 .cm-list-works .item{width:25.87%;margin:0 11.195% 0 0}.sec04 .cm-list-works .item:nth-child(3n){margin-right:0}}.sec04 .sec04-btn{text-align:center;margin-top:45px}@media (max-width: 767px){.sec04{padding:60px 0 100px}.sec04 .wcm02{padding:0}.sec04 .cm-list-works{margin-top:-67px}.sec04 .slick-list{padding:0 48px}.sec04 .slick-list .slick-slide{margin:0 15px}.sec04 .sec04-btn{margin-top:27px}}.sec05{position:relative;padding:56px 0 25px}.sec05 .cm-ttl02{color:#333330;position:relative;z-index:29}@media (min-width: 768px){.sec05 .wcm02{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;max-width:1132px}.sec05-left{width:350px;margin-top:0}}@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1100px){.sec05-left{width:280px}}@media (min-width: 768px){.sec05-right{width:calc(100% - 390px);max-width:616px;padding-top:15px}}@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1100px){.sec05-right{width:calc(100% - 280px)}}.sec05 .sec05-btn{margin:71px 0 0 9px}@media (max-width: 767px){.sec05{padding:39px 15px 37px;background:#fff}.sec05-left{margin-bottom:-14px}.sec05 .sec05-btn{margin:40px 0 0 0}}.sec06{position:relative; padding:20px 0 100px}@media (max-width: 767px){.sec06{position:relative; padding:20px 0 100px; margin-top: 130px}}.sec06 .wcm02{max-width:1132px}.sec06 .cm-ttl02{position:relative;z-index:39;margin:0 35px -97px 0;text-align:right;color:#333330;pointer-events:none}.sec06 .block{position:relative}.sec06 .block a{display:block}@media only screen and (min-width: 1025px){.sec06 .block a:hover .cm-btn01{padding:0 40px 8px 22px}}.sec06 .block .img{overflow:hidden;position:relative}.sec06 .block .img:before{display:block;content:" ";width:100%;padding-top:27.77778%}.sec06 .block .img .js-image{background-color:#D9D9D5;top:-5%;left:0;width:100%;-webkit-transition:0.2s ease all;-moz-transition:0.2s ease all;-ms-transition:0.2s ease all;-o-transition:0.2s ease all;transition:0.2s ease all;position:relative;position:absolute !important}.sec06 .block .img .js-image:before{display:block;content:" ";width:100%;padding-top:37.03704%}.sec06 .block .img .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}.ipad .sec06 .block .img .js-image,.is-ipad .sec06 .block .img .js-image,.iPadPro11 .sec06 .block .img .js-image,.is-ipad129 .sec06 .block .img .js-image{position:relative}.ipad .sec06 .block .img .js-image:before,.is-ipad .sec06 .block .img .js-image:before,.iPadPro11 .sec06 .block .img .js-image:before,.is-ipad129 .sec06 .block .img .js-image:before{display:block;content:" ";width:100%;padding-top:40.74074%}.ipad .sec06 .block .img .js-image>.content,.is-ipad .sec06 .block .img .js-image>.content,.iPadPro11 .sec06 .block .img .js-image>.content,.is-ipad129 .sec06 .block .img .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}@media only screen and (min-width: 768px) and (min-width: 2000px){.sec06 .block .img .js-image{position:relative}.sec06 .block .img .js-image:before{display:block;content:" ";width:100%;padding-top:40.74074%}.sec06 .block .img .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}}.sec06 .block .desc{position:absolute;font-family:'Marcellus', serif;color:#fff;font-size:13px;font-size:1.3rem;line-height:22px;line-height:1.69231em;letter-spacing:.04em;z-index:39;left:50px;bottom:37px}.sec06 .block .cm-btn01{position:absolute;z-index:39;right:52px;bottom:40px}@media (max-width: 767px){.sec06{padding:20px 0 100px;background:#fff}.sec06 .cm-ttl02{margin:0 0 -35px;font-size:56px;font-size:5.6rem;line-height:56px;line-height:1em;letter-spacing:.04em;white-space:nowrap;text-align:center}.sec06 .block .img:before{padding-top:76.92308%}.sec06 .block .img .js-image{position:relative;position:absolute}.sec06 .block .img .js-image:before{display:block;content:" ";width:100%;padding-top:89.23077%}.sec06 .block .img .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}.sec06 .block .cm-btn01{left:0;margin:0 auto;right:0;bottom:29px;max-width:240px}}


/* 下拉選單容器 - 確保內容會相對於它定位 */
.dropdown {
  position: relative;
  display: inline-block;
}

/* 下拉選單內容 (預設隱藏) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff; /* 下拉選單背景色 */
  min-width: 160px; /* 下拉選單最小寬度 */
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); /* 陰影效果 */
  z-index: 999; /* 確保選單不會被其他元素遮擋 */
  top: 100%; /* 出現在主選單正下方 */
  left: 0;
}

/* 下拉選單內的連結樣式 */
.dropdown-content a {
  color: #333333; /* 文字顏色 */
  padding: 12px 16px; /* 內邊距 */
  text-decoration: none; /* 去除底線 */
  display: block; /* 讓整個區塊都可以點擊 */
  font-size: 14px; /* 字體大小 */
}

/* 滑鼠移上去選單項目時的背景顏色 */
.dropdown-content a:hover {
  background-color: #f1f1f1; 
}

/* 滑鼠移到 "石晶薄板" 時，顯示下拉內容 */
.dropdown:hover .dropdown-content {
  display: block;
}


/*# sourceMappingURL=maps/top.min.css.map */
