.featuresNavList a::after, .featuresNavList a::before, .featuresBox .itemTitleBox, .featuresBox .btnBox, .featuresBox p, .loadingLogo svg:nth-child(2), .loadingLogo svg:first-child {
		-webkit-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
}

.loadingLogo svg:nth-child(2), .featuresBox .itemTitleBox, .featuresBox .btnBox, .featuresBox p, .loadingLogo svg:first-child {
		opacity: 0;
}

.loadingLogo svg:nth-child(2) {
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
}

.featuresBox .itemTitleBox, .featuresBox .btnBox, .featuresBox p {
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
}

.featuresBox.show .itemTitleBox, .featuresBox.show p, .featuresBox.show .btnBox, .loadingArea.show .loadingLogo svg:first-child, .loadingArea.show .loadingLogo svg:nth-child(2) {
		-webkit-transform: translate(0);
		        transform: translate(0);
		opacity: 1;
}

/*
	Authors: Alvin, Randy, Rex
    Version: 2.0
	Latest Update: 2020/03/13
*/
.loadingArea {
		position: fixed;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 100vh;
		z-index: 9999;
		background-color: #fff;
		-webkit-transition: all 0.8s ease-out;
		transition: all 0.8s ease-out;
}
.loadingArea.show .loadingLogo svg:nth-child(2) {
		-webkit-transition-delay: 0.3s;
		        transition-delay: 0.3s;
}
.loadingArea.hide {
		opacity: 0;
		-webkit-transition-delay: 1.5s;
		        transition-delay: 1.5s;
		pointer-events: none;
}

.loadingLogo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.loadingLogo svg:first-child {
		width: 65px;
		height: 52px;
		fill: #9f6420;
}
.loadingLogo svg:nth-child(2) {
		width: 126px;
		height: 39px;
		margin-left: 5px;
		color: #3f3a39;
		fill: #595656;
}

.outerWrap {
		overflow: hidden;
}

.mainArea {
		padding-top: 0;
		padding-bottom: 0;
}

.itemEnSubTitle strong {
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #eac193;
}
.itemEnSubTitle strong::before {
		content: "0" counter(item) ".";
		margin-right: 5px;
}

.bannerArea.playingVideo .slick-arrow, .bannerArea.playingVideo .total, .bannerArea.playingVideo .scrollDownBox, .bannerArea.playingVideo .slick-dots {
		opacity: 0;
		visibility: hidden;
}
.bannerArea .controlVideoBtn {
		top: 0;
		left: auto;
		right: -60px;
}
.bannerArea .controlVideoBtn.playing {
		left: 0;
}

.slickFunctionBox {
		position: relative;
}

.featuresArea {
		counter-reset: item;
}
.featuresArea .wrap {
		position: relative;
		padding-top: 135px;
		padding-bottom: 150px;
}
@media (max-width: 1180px) {
		.featuresArea .wrap {
				padding-top: 50px;
				padding-bottom: 50px;
		}
}
.featuresArea .titleBox {
		position: relative;
		max-width: 695px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
}
.featuresArea .titleBox .cellType1 {
		top: 40px;
		left: -90px;
}
.featuresArea .titleBox .cellType4 {
		top: -80px;
		left: -350px;
}
.featuresArea .titleBox .cellType5 {
		top: -80px;
		right: -350px;
}
.featuresArea .titleBox .cellType6 {
		bottom: -130px;
		left: -30px;
}
.featuresArea .downArrow {
		margin-top: 20px;
}
.featuresArea .verticalTextImg {
		left: 170px;
		bottom: -20px;
		z-index: -2;
}
@media (max-width: 960px) {
		.featuresArea .verticalTextImg {
				left: 100px;
		}
}

.featuresBox {
		counter-increment: item;
		position: relative;
		margin-left: auto;
		margin-right: auto;
}
.featuresBox.show p {
		-webkit-transition-delay: 0.3s;
		        transition-delay: 0.3s;
}
.featuresBox.show .btnBox {
		-webkit-transition-delay: 0.7s;
		        transition-delay: 0.7s;
}
.featuresBox .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
@media (max-width: 960px) {
		.featuresBox .item {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.featuresBox .Img {
		position: relative;
}
@media (max-width: 960px) {
		.featuresBox .Img {
				width: 100%;
		}
}
.featuresBox .Img::before {
		content: "";
		position: absolute;
		z-index: -1;
		width: 145px;
		height: 400px;
		background-color: #f1e8de;
}
.featuresBox .Txt {
		position: relative;
}
@media (min-width: 961px) {
		.featuresBox .Txt::after {
				content: "";
				position: absolute;
				z-index: 1;
				width: 215px;
				height: 2px;
				background-color: #9f6420;
				pointer-events: none;
		}
}
@media (max-width: 960px) {
		.featuresBox .Txt {
				width: 100%;
				padding-top: 30px;
		}
}
.featuresBox img {
		display: block;
		max-width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.featuresBox svg {
		fill: #9f6420;
}
.featuresBox p {
		line-height: 1.8;
}
@media (max-width: 960px) {
		.featuresBox .btnBox {
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
		}
}
@media (max-width: 960px) {
		.featuresBox .itemTitleBox {
				margin-left: auto;
				margin-right: auto;
		}
}
.featuresBoxStyle01 .itemTitleBox::before, .featuresBoxStyle03 .itemTitleBox::before, .featuresBoxStyle05 .itemTitleBox::before {
		right: 0;
		background-position: 0 0, 0 100%, 100% 0, 0 0, 0 100%;
}
@media (min-width: 961px) {
		.featuresBoxStyle02 .Img, .featuresBoxStyle04 .Img, .featuresBoxStyle06 .Img {
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle02 .itemTitleBox::before, .featuresBoxStyle04 .itemTitleBox::before, .featuresBoxStyle06 .itemTitleBox::before {
				background-position: 0 0, 0 100%, 0 0, 100% 0, 100% 100%;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle02 .itemTitleBox::before, .featuresBoxStyle04 .itemTitleBox::before, .featuresBoxStyle06 .itemTitleBox::before {
				right: 0;
				background-position: 0 0, 0 100%, 100% 0, 0 0, 0 100%;
		}
}
.featuresBoxStyle01 {
		max-width: 1280px;
}
@media (min-width: 961px) {
		.featuresBoxStyle01 .Img {
				width: 61.71875%;
				padding-top: 50px;
		}
}
.featuresBoxStyle01 .Img::before {
		right: 45px;
		bottom: -55px;
}
@media (min-width: 961px) {
		.featuresBoxStyle01 .Txt {
				width: 38.28125%;
		}
}
.featuresBoxStyle01 .Txt::after {
		left: -150px;
		top: 240px;
}
@media (min-width: 961px) {
		.featuresBoxStyle01 p {
				max-width: 410px;
		}
}
.featuresBoxStyle01 .itemTitleBox {
		padding-right: 65px;
}
@media (max-width: 960px) {
		.featuresBoxStyle01 .itemTitleBox {
				max-width: 360px;
				padding-right: 30px;
		}
}
.featuresBoxStyle01 .itemEnSubTitle svg {
		width: 35px;
		height: 33px;
}
.featuresBoxStyle01 .cellType1 {
		top: 130px;
		right: -150px;
}
.featuresBoxStyle01 .cellType2 {
		bottom: 40px;
		right: 90px;
}
.featuresBoxStyle01 .cellType4 {
		bottom: -180px;
		left: 340px;
}
.featuresBoxStyle02 {
		max-width: 1220px;
		padding-top: 260px;
}
@media (min-width: 961px) and (max-width: 1350px) {
		.featuresBoxStyle02 {
				padding-top: 150px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle02 {
				padding-top: 50px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle02 .Img {
				width: 47.5409836066%;
		}
}
.featuresBoxStyle02 .Img::before {
		display: none;
}
@media (min-width: 961px) {
		.featuresBoxStyle02 .Txt {
				width: 52.4590163934%;
				padding-left: 150px;
				padding-right: 55px;
		}
}
.featuresBoxStyle02 .Txt::before {
		content: "";
		position: absolute;
		left: 95px;
		bottom: 0;
		z-index: -1;
		width: 145px;
		height: 400px;
		background-color: #f1e8de;
}
@media (max-width: 960px) {
		.featuresBoxStyle02 .Txt::before {
				left: -10px;
		}
}
.featuresBoxStyle02 .Txt::after {
		right: -150px;
		top: 120px;
}
@media (max-width: 960px) {
		.featuresBoxStyle02 .itemTitleBox {
				max-width: 400px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle02 .itemTitleBox::before {
				left: -150px;
		}
}
.featuresBoxStyle02 .itemEnSubTitle svg {
		width: 24px;
		height: 35px;
}
.featuresBoxStyle02 .moreBtn {
		margin-left: auto;
}
.featuresBoxStyle02 .cellType2 {
		bottom: 80px;
		left: 0;
}
.featuresBoxStyle03 {
		max-width: 1320px;
		padding-top: 175px;
}
@media (min-width: 961px) and (max-width: 1350px) {
		.featuresBoxStyle03 {
				padding-top: 100px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle03 {
				padding-top: 50px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle03 .Img {
				width: 46.2121212121%;
		}
}
.featuresBoxStyle03 .Img::before {
		bottom: -85px;
}
@media (min-width: 961px) {
		.featuresBoxStyle03 .Img::before {
				right: -40px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle03 .Img::before {
				right: -10px;
				top: 80px;
				bottom: auto;
		}
}
.featuresBoxStyle03 .Txt {
		padding-right: 210px;
}
@media (max-width: 1400px) {
		.featuresBoxStyle03 .Txt {
				padding-right: 50px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle03 .Txt {
				width: 53.7878787879%;
				padding-left: 80px;
				padding-bottom: 240px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle03 .Txt {
				padding-right: 0;
				padding-bottom: 50px;
		}
}
.featuresBoxStyle03 .Txt::after {
		top: calc(50% + 25px);
		left: -150px;
}
@media (min-width: 961px) {
		.featuresBoxStyle03 .subImg {
				position: absolute;
				right: 0;
				bottom: 0;
				z-index: 1;
				width: 50.7042253521%;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle03 .btnBox {
				margin-bottom: -75px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle03 .btnBox {
				margin-bottom: 20px;
		}
}
.featuresBoxStyle03 .itemTitleBox {
		max-width: 420px;
		padding-right: 110px;
}
@media (max-width: 960px) {
		.featuresBoxStyle03 .itemTitleBox {
				max-width: 300px;
				padding-right: 30px;
		}
}
.featuresBoxStyle03 .itemEnSubTitle svg {
		width: 33px;
		height: 35px;
}
.featuresBoxStyle03 .cellType1 {
		top: 200px;
		right: -50px;
}
.featuresBoxStyle03 .cellType2 {
		bottom: 190px;
		right: 330px;
}
.featuresBoxStyle03 .cellType4 {
		bottom: 200px;
		right: -240px;
}
.featuresBoxStyle03 .cellType5 {
		bottom: 0;
		left: -90px;
}
.featuresBoxStyle03 .cellType6 {
		top: 100px;
		left: 500px;
}
.featuresBoxStyle04 {
		max-width: 1260px;
		padding-top: 195px;
}
@media (min-width: 961px) and (max-width: 1350px) {
		.featuresBoxStyle04 {
				padding-top: 120px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle04 {
				padding-top: 50px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle04 .Img {
				width: 53.5714285714%;
		}
}
.featuresBoxStyle04 .Img::before {
		right: 130px;
		bottom: -55px;
}
@media (max-width: 960px) {
		.featuresBoxStyle04 .Img::before {
				right: -10px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle04 .Txt {
				width: 46.4285714286%;
				padding-left: 115px;
				padding-right: 55px;
		}
}
.featuresBoxStyle04 .Txt::after {
		top: 50%;
		right: -45px;
}
@media (min-width: 961px) {
		.featuresBoxStyle04 .btnBox {
				margin-bottom: -75px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle04 .btnBox {
				margin-bottom: 20px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle04 .itemTitleBox::before {
				left: -115px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle04 .itemTitleBox {
				max-width: 280px;
		}
}
.featuresBoxStyle04 .itemEnSubTitle svg {
		width: 36px;
		height: 32px;
}
.featuresBoxStyle04 .cellType4 {
		top: 140px;
		left: 400px;
}
.featuresBoxStyle04 .cellType5 {
		top: 400px;
		right: -230px;
}
.featuresBoxStyle05 {
		max-width: 1240px;
		padding-top: 240px;
}
@media (min-width: 961px) and (max-width: 1350px) {
		.featuresBoxStyle05 {
				padding-top: 120px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle05 {
				padding-top: 50px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle05 .Img {
				width: 54.8387096774%;
		}
}
.featuresBoxStyle05 .Img::before {
		top: 50%;
		height: 145px;
		margin-top: -72.5px;
}
@media (min-width: 961px) {
		.featuresBoxStyle05 .Img::before {
				left: -45px;
				width: 400px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle05 .Img::before {
				left: -20px;
				width: calc(100% - 100px);
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle05 .Txt {
				width: 45.1612903226%;
				padding-left: 60px;
				padding-right: 55px;
		}
}
.featuresBoxStyle05 .Txt::after {
		top: calc(50% - 70px);
		left: -180px;
}
@media (min-width: 961px) {
		.featuresBoxStyle05 p {
				max-width: 420px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle05 .btnBox {
				margin-bottom: -75px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle05 .btnBox {
				margin-bottom: 20px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle05 .itemTitleBox {
				padding-right: 85px;
		}
		.featuresBoxStyle05 .itemTitleBox::before {
				right: 20px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle05 .itemTitleBox {
				max-width: 340px;
				padding-right: 30px;
		}
}
.featuresBoxStyle05 .itemEnSubTitle svg {
		width: 35px;
		height: 29px;
}
.featuresBoxStyle05 .cellType1_1 {
		bottom: -100px;
		left: -80px;
}
.featuresBoxStyle05 .cellType1_2 {
		bottom: 0;
		right: -100px;
}
.featuresBoxStyle06 {
		max-width: 1360px;
		padding-top: 285px;
}
@media (min-width: 961px) and (max-width: 1350px) {
		.featuresBoxStyle06 {
				padding-top: 150px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle06 {
				padding-top: 50px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle06 .Img {
				width: 45.2205882353%;
		}
}
.featuresBoxStyle06 .Img::before {
		left: -50px;
		bottom: -70px;
}
@media (max-width: 961px) {
		.featuresBoxStyle06 .Img::before {
				left: -10px;
		}
}
@media (min-width: 1281px) {
		.featuresBoxStyle06 .Txt {
				padding-left: 320px;
		}
}
@media (min-width: 961px) and (max-width: 1280px) {
		.featuresBoxStyle06 .Txt {
				padding-left: 200px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle06 .Txt {
				width: 54.4117647059%;
				padding-right: 25px;
		}
}
.featuresBoxStyle06 .Txt::after {
		top: 202px;
		right: -70px;
}
.featuresBoxStyle06 .subImg {
		margin-top: 40px;
}
@media (min-width: 961px) {
		.featuresBoxStyle06 .subImg {
				margin-left: -45px;
		}
}
@media (min-width: 961px) {
		.featuresBoxStyle06 .itemTitleBox::before {
				left: -150px;
		}
}
@media (max-width: 960px) {
		.featuresBoxStyle06 .itemTitleBox {
				max-width: 340px;
		}
}
.featuresBoxStyle06 .itemEnSubTitle svg {
		width: 34px;
		height: 36px;
}
.featuresBoxStyle06 .cellType1 {
		bottom: 40px;
		right: 400px;
}
.featuresBoxStyle06 .cellType2 {
		bottom: -70px;
		right: -80px;
}
.featuresBoxStyle06 .cellType4 {
		top: 250px;
		right: 200px;
}
.featuresBoxStyle06 .cellType6 {
		top: 600px;
		left: -30px;
}

.advantageArea {
		position: relative;
		z-index: 1;
		padding-bottom: 150px;
		background-color: #eaeaea;
		overflow: hidden;
}
@media (max-width: 1180px) {
		.advantageArea {
				padding-bottom: 50px;
		}
}
.advantageArea .titleBox {
		position: relative;
		padding-top: 135px;
}
@media (max-width: 1180px) {
		.advantageArea .titleBox {
				padding-top: 100px;
		}
}
.advantageArea .titleParagraph {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
}
.advantageArea .downArrow {
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 1;
		margin-left: -15px;
}
.advantageArea .downArrow:hover {
		top: -11px;
}
.advantageArea .wrap {
		position: relative;
		z-index: 1;
		max-width: 1500px;
}

.advantageList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
@media (min-width: 1281px) {
		.advantageList > li {
				width: 12.5%;
		}
		.advantageList > li:first-child .Txt::before {
				display: none;
		}
}
@media (min-width: 601px) and (max-width: 1280px) {
		.advantageList > li {
				width: 25%;
				margin-bottom: 40px;
		}
		.advantageList > li:nth-child(4n+1) .Txt::before {
				display: none;
		}
}
@media (min-width: 301px) and (max-width: 600px) {
		.advantageList > li {
				width: 50%;
				margin-bottom: 20px;
		}
		.advantageList > li:nth-child(odd) .Txt::before {
				display: none;
		}
}
.advantageList .numberBox {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 138px;
		height: 138px;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		border: 1px solid #dedede;
		border-radius: 50%;
}
@media (max-width: 730px) {
		.advantageList .numberBox {
				width: 80px;
				height: 80px;
		}
}
.advantageList .number, .advantageList .unit {
		font-weight: 700;
		font-family: "Cinzel", "Noto Serif TC", serif !important;
		color: #454545;
}
.advantageList .number {
		font-size: 36px;
}
@media (max-width: 730px) {
		.advantageList .number {
				font-size: 18px;
		}
}
.advantageList .unit {
		margin-left: 3px;
		font-size: 24px;
}
@media (max-width: 730px) {
		.advantageList .unit {
				font-size: 14px;
		}
}
.advantageList .iconBox {
		position: absolute;
		z-index: 1;
		pointer-events: none;
}
.advantageList .iconBox[data-name=iconAdvantage01] {
		top: 0;
		right: 0;
}
.advantageList .iconBox[data-name=iconAdvantage01] svg {
		width: 33px;
		height: 44px;
}
@media (max-width: 730px) {
		.advantageList .iconBox[data-name=iconAdvantage01] svg {
				width: 18px;
				height: 24px;
		}
}
.advantageList .iconBox[data-name=iconAdvantage02] {
		top: -1px;
		right: -4px;
}
.advantageList .iconBox[data-name=iconAdvantage02] svg {
		width: 43px;
		height: 43px;
}
@media (max-width: 730px) {
		.advantageList .iconBox[data-name=iconAdvantage02] svg {
				width: 24px;
				height: 24px;
		}
}
.advantageList .iconBox[data-name=iconAdvantage03] {
		top: -2px;
		right: 0;
}
.advantageList .iconBox[data-name=iconAdvantage03] svg {
		width: 44px;
		height: 44px;
}
@media (max-width: 730px) {
		.advantageList .iconBox[data-name=iconAdvantage03] svg {
				width: 24px;
				height: 24px;
		}
}
.advantageList .iconBox[data-name=iconIntro02] {
		top: -1px;
		right: -4px;
}
.advantageList .iconBox[data-name=iconIntro02] svg {
		width: 49px;
		height: 40px;
}
@media (max-width: 730px) {
		.advantageList .iconBox[data-name=iconIntro02] svg {
				width: 29px;
				height: 24px;
		}
}
.advantageList .iconBox[data-name=iconAdvantage04] {
		top: 0;
		right: -3px;
}
.advantageList .iconBox[data-name=iconAdvantage04] svg {
		width: 43px;
		height: 43px;
}
@media (max-width: 730px) {
		.advantageList .iconBox[data-name=iconAdvantage04] svg {
				width: 24px;
				height: 24px;
		}
}
.advantageList .iconBox[data-name=iconAdvantage05] {
		top: 3px;
		right: 1px;
}
.advantageList .iconBox[data-name=iconAdvantage05] svg {
		width: 41px;
		height: 40px;
}
@media (max-width: 730px) {
		.advantageList .iconBox[data-name=iconAdvantage05] svg {
				width: 25px;
				height: 24px;
		}
}
@media (min-width: 731px) {
		.advantageList .iconBox[data-name=iconFoundry] {
				top: 3px;
				right: -37px;
		}
		.advantageList .iconBox[data-name=iconFoundry] svg {
				width: 80px;
				height: 47px;
		}
}
@media (max-width: 730px) {
		.advantageList .iconBox[data-name=iconFoundry] {
				top: 3px;
				right: -20px;
		}
		.advantageList .iconBox[data-name=iconFoundry] svg {
				width: 41px;
				height: 24px;
		}
}
.advantageList .iconBox[data-name=iconAdvantage06] {
		top: 3px;
		right: -3px;
}
.advantageList .iconBox[data-name=iconAdvantage06] svg {
		width: 48px;
		height: 41px;
}
@media (max-width: 730px) {
		.advantageList .iconBox[data-name=iconAdvantage06] svg {
				width: 28px;
				height: 24px;
		}
}
.advantageList .Txt {
		position: relative;
		margin-top: 20px;
		padding-left: 5px;
		padding-right: 5px;
		text-align: center;
		font-family: "Cinzel", "Noto Serif TC", serif;
}
.advantageList .Txt::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 1;
		width: 1px;
		height: 34px;
		margin-top: -17px;
		background-color: #ccc;
}
.advantageList h2 {
		font-weight: 700;
		font-size: 18px;
		color: #000;
}
@media (max-width: 680px) {
		.advantageList h2 {
				font-size: 16px;
		}
}
.advantageList em {
		font-weight: 600;
		font-size: 14px;
		color: #949494;
}

.earthBox {
		position: absolute;
		right: calc((100% - 1440px) / 2);
		bottom: -70px;
		z-index: 0;
		mix-blend-mode: screen;
}
@media (max-width: 1180px) {
		.earthBox {
				right: -100px;
		}
}
.earthBox img {
		display: block;
		max-width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.earthBox .light {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		opacity: 0;
		-webkit-animation: lightEarth 5s linear infinite alternate both;
		        animation: lightEarth 5s linear infinite alternate both;
}

@-webkit-keyframes lightEarth {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}

@keyframes lightEarth {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
footer {
		position: relative;
		z-index: 1;
		background-color: #fff;
		background-image: url("../images/home/cellType4.png"), url("../images/home/cellType6.png"), url("../images/home/cellType1.png");
		background-position: 35% 10px, right 31% bottom 100px, left 9% bottom 80px;
		background-repeat: no-repeat;
}
@media (max-width: 1180px) {
		footer {
				background-position: -100px 10px, right 20px bottom 100px, left 10px bottom 20px;
		}
}

.fixedNavBox {
		position: fixed;
		top: 0;
		left: -100px;
		z-index: 3;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 100px;
		height: 100vh;
		background-color: #fff;
		-webkit-transition: left 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
		transition: left 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
		transition: left 0.3s ease-out, box-shadow 0.3s ease-out;
		transition: left 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
}
@media (max-width: 1500px) {
		.fixedNavBox {
				width: 50px;
				left: -50px;
		}
}
@media (min-width: 1401px) {
		.fixedNavBox.show {
				left: 0;
		}
}
.fixedNavBox .socialList {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-top: 10vh;
}

.featuresNavList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.featuresNavList li.current a, .featuresNavList li:hover a {
		color: #7b7b7b;
}
@media (min-width: 1501px) {
		.featuresNavList li.current a::before, .featuresNavList li:hover a::before {
				width: 18px;
		}
}
@media (max-width: 1500px) {
		.featuresNavList li.current a::before, .featuresNavList li:hover a::before {
				width: 7px;
		}
}
.featuresNavList li.current a::after, .featuresNavList li:hover a::after {
		opacity: 0;
}
.featuresNavList a {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 40px;
		font: italic 600 18px "Cormorant", serif;
		color: transparent;
}
.featuresNavList a:hover {
		color: #33796a;
}
.featuresNavList a::before {
		content: "";
		position: absolute;
		top: 22px;
		left: -26px;
		z-index: 1;
		width: 0;
		height: 1px;
		background-color: #33796a;
}
@media (max-width: 1500px) {
		.featuresNavList a::before {
				left: -12px;
		}
}
.featuresNavList a::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		width: 6px;
		height: 6px;
		margin-left: -3px;
		border-radius: 50%;
		background-color: #d6d6d6;
}