.sec-kv img {
	width: 100%;
	height: auto;
}
.sec-kv .bg {
	position: relative;
	z-index: 1;
}
.sec-kv .parts {
	position: absolute;
	z-index: 2;
}
.sec-kv .p01 {
	top: 11%;
	right: 10%;
	width: 20.8716%;
	opacity: 0;
	transform: translateY(7%);
	transition: opacity 0.6s cubic-bezier(0, 0, 0.25, 1) 0.4s, transform 0.6s cubic-bezier(0.46, 0.05, 0.5, 1.45) 0.4s;
}
.sec-kv .p02 {
	top: 67%;
	right: 15%;
	width: 11.8587%;
	opacity: 0;
	transform: translateY(7%);
	transition: opacity 0.6s cubic-bezier(0, 0, 0.25, 1) 0.6s, transform 0.6s cubic-bezier(0.46, 0.05, 0.5, 1.45) 0.6s;
}
.sec-kv .p03 {
	top: -0.4px;
	left: 9%;
	width: 51.67612%;
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(0, 0, 0.25, 1);
}
.sec-kv .p04 {
	top: 76%;
	left: 11.5%;
	width: 10.49737%;
	opacity: 0;
	transform: scale(1.8);
	transition: opacity 0.4s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.4s cubic-bezier(0, 0, 0.25, 1) 1s;
}
.sec-kv.in .p01,
.sec-kv.in .p02 {
	opacity: 1;
	transform: translate(0, 0);
}
.sec-kv.in .p03 {
	opacity: 1;
	transition-delay: 1s;
}
.sec-kv.in .p04 {
	opacity: 1;
	transform: scale(1);
}

.sec-view img {
	width: 100%;
	height: auto;
}
.sec-view .bg {
	position: relative;
	z-index: 1;
}
.sec-view .parts {
	position: absolute;
	z-index: 2;
}
.sec-view .p01 {
	top: 10%;
	right: 8%;
	width: 7.60244%;
	clip-path: inset(0 0 100% 0);
	opacity: 0;
	transition: clip-path 1.2s cubic-bezier(0, 0, 0.25, 1) 0.8s, opacity 0.72s cubic-bezier(0, 0, 0.25, 1) 0.8s;
}
.sec-view .p02 {
	top: 10%;
	right: 20%;
	width: 50.98936%;
	clip-path: inset(0 0 100% 0);
	opacity: 0;
	transition: clip-path 1.2s cubic-bezier(0, 0, 0.25, 1) 1.2s, opacity 0.72s cubic-bezier(0, 0, 0.25, 1) 1.2s;
}
.sec-view .p03 {
	top: 10%;
	right: 77%;
	width: 14.34736%;
	clip-path: inset(0 0 100% 0);
	opacity: 0;
	transition: clip-path 1.2s cubic-bezier(0, 0, 0.25, 1) 1.6s, opacity 0.72s cubic-bezier(0, 0, 0.25, 1) 1.6s;
}
.sec-view.in .p01,
.sec-view.in .p02,
.sec-view.in .p03 {
	clip-path: inset(0 0 0 0);
	opacity: 1;
}

.sec-point img {
	width: 100%;
	height: auto;
}
.sec-point .bg {
	position: relative;
	z-index: 1;
}
.sec-point .parts {
	position: absolute;
	z-index: 2;
}
.sec-point .p01 {
	top: 9%;
	right: 65%;
	width: 20.8716%;
	opacity: 0;
	transform: translateY(7%);
	transition: opacity 0.6s cubic-bezier(0, 0, 0.25, 1) 0.4s, transform 0.6s cubic-bezier(0.46, 0.05, 0.5, 1.45) 0.4s;
}
.sec-point .p02 {
	top: 9%;
	right: 11%;
	width: 37.08917%;
	opacity: 0;
	transform: translateY(7%);
	transition: opacity 0.6s cubic-bezier(0, 0, 0.25, 1) 0.6s, transform 0.6s cubic-bezier(0.46, 0.05, 0.5, 1.45) 0.6s;
}
.sec-point .p03 {
	top: 31%;
	left: 9%;
	width: 44.5605%;
	opacity: 0;
	transform: translateY(7%);
	transition: opacity 0.6s cubic-bezier(0, 0, 0.25, 1) 0.8s, transform 0.6s cubic-bezier(0.46, 0.05, 0.5, 1.45) 0.8s;
}
.sec-point .p04 {
	top: 38%;
	left: 8.7%;
	width: 10.49737%;
	opacity: 0;
	transform: scale(1.8);
	transition: opacity 0.4s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.4s cubic-bezier(0, 0, 0.25, 1) 1s;
}
.sec-point.in .p01,
.sec-point.in .p02,
.sec-point.in .p03 {
	opacity: 1;
	transform: translate(0, 0);
}
.sec-point.in .p04 {
	opacity: 1;
	transform: scale(1);
}

.sec-appare {
	padding: 29px 35px;
}
@media only screen and (max-width: 767px) {
	.sec-appare {
		padding: 3%;
	}
}
.sec-appare .cont-wrap {
	position: relative;
	border-left: 5px solid #917000;
	border-right: 5px solid #a28d30;
	padding: 5px 0;
}
@media only screen and (max-width: 767px) {
	.sec-appare .cont-wrap {
		border-width: 3px;
		padding: 3px 0;
	}
}
.sec-appare .cont-wrap:before, .sec-appare .cont-wrap:after {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background: #917000;
	background: -moz-linear-gradient(left, #917000 0%, #a28d30 100%);
	background: -webkit-linear-gradient(left, #917000 0%, #a28d30 100%);
	background: linear-gradient(to right, #917000 0%, #a28d30 100%);
	position: absolute;
	left: 0;
}
@media only screen and (max-width: 767px) {
	.sec-appare .cont-wrap:before, .sec-appare .cont-wrap:after {
		height: 3px;
	}
}
.sec-appare .cont-wrap:before {
	top: 0;
}
.sec-appare .cont-wrap:after {
	bottom: 0;
}
.sec-appare .label {
	width: 100%;
	opacity: 0;
	transform: translateY(25%);
	transition: opacity 0.6s cubic-bezier(0, 0, 0.25, 1) 0s, transform 0.6s cubic-bezier(0.46, 0.05, 0.5, 1.45) 0s;
}
.sec-appare .label.in {
	opacity: 1;
	transform: translate(0, 0);
}
.sec-appare .label img {
	width: 100%;
}
.sec-appare .list {
	width: 100%;
}
.sec-appare .list li {
	opacity: 0;
	transform: translateY(25%);
	transition: opacity 0.6s cubic-bezier(0, 0, 0.25, 1) 0s, transform 0.6s cubic-bezier(0.46, 0.05, 0.5, 1.45) 0s;
}
.sec-appare .list li.in {
	opacity: 1;
	transform: translate(0, 0);
}
.sec-appare .list li img {
	width: 100%;
}