@charset "utf-8";
.introBG {
		transition: opacity 0.6s;
		opacity: 0;
}
.introduction_caption {
		transition: opacity 0.6s;
		opacity: 0;
		transition-delay: 0.2s
}
.isActive .introBG, .isActive .introduction_caption {
		opacity: 1;
}
.term_wrap {
		max-width: 1200px;
		padding: 0;
		margin-bottom: 30px;
}
@media(min-width: 961px) {
		.term_section .notes {
				text-align: center;
		}
}
.term_outer {
		border-radius: 170px;
		width: 1200px;
		height: 340px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		position: relative;
		transition: all 0.4s;
		transition-delay: 10s;
}
.term_outer::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		border-radius: 170px;
		border: 4px solid rgba(120, 99, 82, 0);
		background: rgba(224, 213, 206, 0);
		transition: all 0.8s;
		transition-delay: 1s;
}
.term_outer.isActive::before {
		border: 4px solid rgba(120, 99, 82, 1);
		background: rgba(224, 213, 206, 1);
}
@media(max-width: 1300px) {
		.term_wrap {
				max-width: 960px;
				margin-left: auto;
				margin-right: auto;
		}
		.term_outer {
				width: 960px;
				height: 272px
		}
		.term_outer.isActive::before {
				border: 2px solid rgba(120, 99, 82, 1);
		}
}
@media(max-width: 960px) {
		.term_wrap {
				max-width: 600px;
		}
		.term_outer {
				width: 600px;
				height: 170px;
		}
}
@media(max-width: 767px) {
		.term_wrap {
				max-width: 300px;
				margin-left: auto;
				margin-right: auto;
		}
		.term_outer {
				border-radius: 170px;
				width: 300px;
				height: 830px;
		}
		.term_outer {
				width: 300px;
				height: 830px;
		}
}
/* ========== */
.fdin {
		opacity: 0;
		transition: opacity 0.5s;
}
.fdin2 {
		opacity: 0;
		transition: opacity 0.5s;
		transition-delay: 0.2s;
}
.isActive .fdin {
		opacity: 1
}
.isActive .fdin2 {
		opacity: 1
}
.dly1 {
		transition-delay: 0.1s
}
.dly2 {
		transition-delay: 0.2s !important
}
.dly3 {
		transition-delay: 0.6s !important
}
.dly4 {
		transition-delay: 0.9s !important
}
.dly5 {
		transition-delay: 1.2s !important
}
.dly6 {
		transition-delay: 1.5s !important
}
.dly7 {
		transition-delay: 1.8s !important
}
.dly8 {
		transition-delay: 2.1s !important
}
.dly9 {
		transition-delay: 2.4s !important
}
/* ========== */
.term_outer .age0-6 {
		height: 175px;
		width: 850px;
		border-radius: 87.5px;
		display: flex;
		align-items: center;
		z-index: 5;
		position: absolute;
		left: 0;
		top: 78.5px;
		background: #dbcdc3;
		box-sizing: border-box;
		border: 2px dotted #786352;
		transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;
		transition-delay: 0.35s;
		opacity: 0;
		transform-origin: left center;
		transform: scaleX(0);
}
.age0-4 {
		background: #d2c3b9;
		height: 127px;
		width: 614px;
		border-radius: 63.5px;
		position: relative;
		display: flex;
		align-items: center;
		z-index: 10;
		box-sizing: border-box;
		border: 2px dotted #786352;
		transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;
		opacity: 0;
		transform-origin: left center;
		transform: scaleX(0);
}
.term_outer.isActive .age0-6, .term_outer.isActive .age0-4 {
		opacity: 1;
		transform: scaleX(1)
}
@media(max-width: 1300px) {
		.term_outer .age0-6 {
				height: 140px;
				width: 680px;
				border-radius: 70px;
				top: 62.8px;
		}
		.age0-4 {
				height: 100px;
				width: 490px;
				border-radius: 50px;
		}
}
@media(max-width: 960px) {
		.term_outer .age0-6 {
				height: 87.5px;
				width: 425px;
				border-radius: 43.75px;
				left: 0;
				top: 39.5px;
		}
		.age0-4 {
				height: 63.5px;
				border-radius: 31.75px;
				width: 307px;
		}
}
@media(max-width: 767px) {
		.term_outer {
				display: block;
		}
		.term_outer .age0-6 {
				position: absolute;
				top: 0;
				left: 30px;
				border-radius: 120px;
				width: 240px;
				height: 477px;
				border: 1px dashed #786352;
				transform-origin: center top;
				transform: scaleY(0);
		}
		.term_wrap .age0-4 {
				position: absolute;
				top: 0;
				left: 55px;
				width: 190px;
				height: 377px;
				background-color: #d2c3b9;
				border: 1px dashed #786352;
				border-radius: 94.5px;
				transform-origin: center top;
				transform: scaleY(0);
		}
		.term_outer.isActive .age0-6, .term_outer.isActive .age0-4 {
				opacity: 1;
				transform: scaleY(1)
		}
}
.term_outer .age_parts {
		position: absolute;
		top: -20px;
		left: -3px;
		width: 1200px;
		z-index: 10
}
@media(max-width: 1300px) {
		.term_outer .age_parts {
				position: absolute;
				top: -15px;
				left: -4px;
				width: 960px;
				z-index: 10
		}
}
@media(max-width: 960px) {
		.term_outer .age_parts {
				top: -11px;
				left: -4px;
				width: 600px;
		}
}
@media(max-width: 767px) {
		.term_outer .age_parts {
				top: -11px;
				left: 0px;
				width: 300px;
		}
}
/* ========== */
.age_parts img {
		width: 100%;
		height: auto
}