@charset "UTF-8";

/* main-header-img */
@media only screen and (max-width: 767px) {
}
/* violet-section */
@media all {
	.violet-section {margin-top: 115rem;}
	.violet-content {line-height: 2.15;}

	/* sp */
	@media only screen and (max-width: 767px) {
		.violet-content {
			padding: 0 40rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.violet-content {
			margin: 50rem auto 0;
			width: 600rem;
		}
	}

}

/* life-section */
@media all {
	.life-item {position: relative;}
	.life-date::before,
	.life-item:not(:last-child)::before {
		content: '';
		position: absolute;
		top: 10rem;
		left: -7rem;
		display: block;
		width: 15rem;
		height: 15rem;
		background-color: var(--main-color);
	}
	.life-date::before {border-radius: 50%;}
	.life-item:not(:last-child)::before {
		left: 0;
		height: 0;
		width: var(--max1px);
		transition: 2s;
	}
	.life-item.l-1898::before {transition: 6s;}
	.life-item.l-1909::before {transition: 3s;}

	.animated.life-item:not(:last-child)::before {height: 100%;}

	.life-date, .life-ttl {color: var(--main-color);}
	.life-text {
		margin-top: 10rem;
		line-height: 2.15;
		text-align: justify;
	}
	.life-img img {width: 100%;}

	/* sp */
	@media only screen and (max-width: 767px) {
		.life-section {
			padding: 0 20rem 80rem 10rem;
		}
		.life-item {
			padding-left: 20rem;
			padding-bottom: 100rem;
		}
		.life-date {font-size: 18rem;}
		.life-ttl {font-size: 20rem;}
		.life-img {margin-top: 20rem;}

		.life-item-inner + .life-item-inner {
			margin-top: 50rem;
		}
		.life-item-inner.parent,
		.life-item-inner.college {
			display: flex;
			flex-direction: row-reverse;
		}
		.life-item-inner.parent .life-main,
		.life-item-inner.college .life-main {width: 50%;}
		.life-item-inner.parent .life-img,
		.life-item-inner.college .life-img {
			width: 45%;
			margin: 0 5% 0 0;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.life-section {
			margin: 100rem auto 0;
			padding-bottom: 100rem;
			width: 750rem;
		}
		.life-item {
			padding-left: 30rem;
			padding-bottom: 60rem;
		}
		.life-item:last-child {padding-bottom: 0;}
		.life-item-inner {
			display: flex;
			justify-content: space-between;
		}
		.life-date {font-size: 20rem;}
		.life-date::before {left: -7rem;}
		.life-ttl {font-size: 22rem;}
		.life-img img {transition-delay: .5s;}

		.l-1897 .life-main {width: 402rem;}
		.l-1897 .life-img {width: 300rem;}

		.l-1898 .life-main {width: 452rem;}
		.l-1898 .life-img {width: 250rem;}
		.l-1898 .parent {
			margin: 0 auto;
			padding-right: 75rem;
			width: 500rem;
		}
		.l-1898 .parent .life-main {width: 200rem;order: 2;}
		.l-1898 .parent .life-img {width: 200rem;}
		.l-1898 .child {
			margin: 0 auto;
			width: 636rem;
		}
		.l-1898 .child .life-main {width: 310rem;}
		.l-1898 .child .life-img {width: 300rem;}

		.l-1909 .life-main {width: 402rem;}
		.l-1909 .life-img {width: 300rem;}
		.l-1909 .college {
			padding: 0 35rem 0 90rem;
		}
		.l-1909 .college .life-main {width: 375rem;order: 2;}
		.l-1909 .college .life-img {width: 200rem;}

		.l-1913 .life-main {width: 452rem;}
		.l-1913 .life-img {width: 250rem;}

		.l-1917 .life-item-inner {width: 425rem;}
		.l-1917 .life-main {width: 200rem;}
		.l-1917 .life-img {width: 200rem;}

		.l-192003 .life-main {width: 502rem;}
		.l-192003 .life-img {
			position: absolute;
			bottom: 60rem;
			right: 0;
			width: 200rem;
		}

		.l-192009 .life-main {width: 402rem;}
		.l-192009 .life-img {width: 300rem;}

		.l-1924 .life-item-inner {width: 525rem;}
		.l-1924 .life-main {width: 200rem;}
		.l-1924 .life-img {width: 300rem;}

		.l-1933 .life-main {width: 502rem;}
		.l-1933 .life-img {width: 200rem;}

		.l-19xx .life-item-inner {width: 555rem;}
		.l-19xx .life-main {width: 330rem;}
		.l-19xx .life-img {width: 200rem;}

		.l-1943 .life-main {width: 502rem;}
		.l-1943 .life-img {width: 200rem;}

		.l-194304 .life-item-inner {width: 627rem;}
		.l-194304 .life-main {width: 402rem;}
		.l-194304 .life-img {width: 200rem;}

		.l-1951 .life-item-inner {width: 555rem;}
		.l-1951 .life-main {width: 330rem;}
		.l-1951 .life-img {width: 200rem;}

		.l-1944 .life-main {width: 402rem;}
		.l-1944 .life-img {width: 300rem;}

		.l-1947 .life-main {width: 502rem;}
		.l-1947 .life-img {width: 200rem;}

		.l-1952 .life-main {width: 330rem;}
		.l-1952 .life-img {width: 372rem;}

		.l-1952 .life-main {width: 402rem;}
		.l-1952 .life-img {width: 300rem;}

		.l-1961 .life-main {width: 502rem;}
		.l-1961 .life-img {
			position: absolute;
			bottom: 60rem;
			right: 0;
			width: 200rem;
		}

		.l-1974 .life-main {width: 402rem;}
		.l-1974 .life-img {width: 300rem;}


		/* tab */
		@media (max-width: 980px) {
		}

		.life-item-inner + .life-item-inner {margin-top: 70rem;}

	}

}



/* deco */
@media all {
	.deco {z-index: -1;}
	/* sp */
	@media only screen and (max-width: 767px) {
		.deco-1 {
			top: 0rem;
			right: -30rem;
		}
		.deco-2 {
			top: 300rem;
			left: -30rem;
		}
		.deco-3 {
			top: 12%;
			right: -30rem;
		}
		.deco-4 {
			top: 43%;
			right: -30rem;
		}
		.deco-5 {
			top: 61%;
			left: -30rem;
		}
		.deco-6 {
			top: 82.5%;
			right: -30rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.deco-1 {
			top: 0rem;
			right: calc(50% - 550rem);
		}
		.deco-2 {
			top: 300rem;
			left: calc(50% - 580rem);
		}
		.deco-3 {
			top: 12%;
			right: calc(50% - 550rem);
		}
		.deco-4 {
			top: 43%;
			right: calc(50% - 550rem);
		}
		.deco-5 {
			top: 61%;
			left: calc(50% - 620rem);
		}
		.deco-6 {
			top: 82.5%;
			right: calc(50% - 580rem);
		}
		/* tab */
		@media (max-width: 980px) {
		}
	}

}




/* template-section */
@media all {

	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {

		/* tab */
		@media (max-width: 980px) {
		}

	}

}