@charset "UTF-8";

/* ------------------------------------------- */
/* ---------- olympus100th common ---------- */
/* ------------------------------------------- */
.olympus100th-blue {
	color: #0b308e;
}

.olympus100th-va-center {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	padding: 0 15px;
}

/* ------------------------------------------- */
/* ---------- olympus100th timeline ---------- */
/* ------------------------------------------- */
.olympus100th-timeline-wrapper:after {
	content: "";
	clear: both;
	display: block;
	height: 2em;
}

.olympus100th-timeline-wrapper {
	position: relative;
}

.olympus100th-timeline {
	margin-top: 5em;
}

.olympus100th-timeline li {
	width: 100%;
	min-height: 140px;
	margin-bottom: 2em;
	position: relative;
}

.olympus100th-timeline li:first-child {
	min-height: auto;
}

.olympus100th-timeline-title,
[lang="ja"] [class*="hdg-section"].olympus100th-timeline-title {
	color: #0b308e;
	line-height: 1.6;
	font-size: 2.4em;
	letter-spacing: 0.4em;
	margin-right: -0.4em;
	font-weight: bold;
}

.olympus100th-timeline-title>span {
	display: block;
	font-weight: bold;
}

.olympus100th-timeline-title>span:first-child {
	color: #e9b226;
	text-shadow: -2px 1px #666;
	letter-spacing: 1em;
	margin-right: -1em;
	font-size: 1.6em;
	font-weight: bold;
}

.olympus100th-timeline-title>span:nth-child(2) {
	/*font-size: 0.7em;*/
	letter-spacing: normal;
	margin-right: 0.4em;
}

.olympus100th-timeline-date-01,
.olympus100th-timeline-date-02 {
	letter-spacing: .0625em;
	font-weight: normal;
	line-height: 1;
	font-size: 2.4em;
	position: relative;
	clear: both;
}

.olympus100th-timeline-date-02 {
	font-weight: bold;
}

.olympus100th-timeline-container {
	margin: -2.5% 0 2% 0;
	width: 50%;
	position: relative;
}

.olympus100th-timeline-container:before {
	content: " ";
	height: 0;
	position: absolute;
	top: 9px;
	width: 6%;
	height: 2px;
	background-color: #08107b;
	z-index: 1;
}

.olympus100th-timeline-container:after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #08107b;
	top: 7px;
	border-radius: 50%;
	z-index: 1;
}

.olympus100th-timeline-slide-r {
	float: right;
	padding-left: 10%;
}

.olympus100th-timeline-slide-l {
	float: left;
	padding-right: 10%;
}

.olympus100th-timeline-container.olympus100th-timeline-slide-r:after {
	left: 18%;
}

.olympus100th-timeline-container.olympus100th-timeline-slide-r:before {
	left: 12%;
}

.olympus100th-timeline-container.olympus100th-timeline-slide-l:after {
	right: 18%;
}

.olympus100th-timeline-container.olympus100th-timeline-slide-l:before {
	right: 12%;
}

.olympus100th-timeline-container p {
	line-height: 1.6;
	padding: 0 15px;
	width: 40%;
}

.olympus100th-timeline-container p.medium-size {
	width: 65%;
}

.olympus100th-timeline-container p.block-center {
	margin-left: auto;
	margin-right: auto;
}

.olympus100th-timeline-container p.block-right {
	margin-left: 60%
}

.olympus100th-timeline-container p.medium-size.block-right {
	margin-left: 35%
}

.olympus100th-timeline-container p.medium-size-02 {
	width: 55%;
}

.olympus100th-timeline-container p.medium-size-02.block-right {
	margin-left: 45%;
}

.olympus100th-timeline-container-content {
	position: relative;
	margin: 0;
}


/* ------------------------------------------- */
/* ------ olympus100th timeline adjust ------- */
/* ---------------- desktop ------------------ */
/* ------------------------------------------- */

@media only screen and (min-width: 701px) {
	.olympus100th-timeline-container-content {
		margin-top: -4%;
	}

	.olympus100th-timeline-container.olympus100th-timeline-slide-r {
		&:before {
			left: 15%;
		}
	}

	.olympus100th-timeline-container.olympus100th-timeline-slide-l {
		&:before {
			right: 15%;
		}
	}

	.olympus100th-timeline-container {
		position: relative;
		z-index: 13;

		&:before {
			width: 4%;
			top: 0;
		}

		&:after {
			top: -2px;
		}
	}

	.adjust2023 {
		margin-top: 8em;
		margin-bottom: 1em !important;
	}

	.adjust2020 {
		.olympus100th-timeline-container-content {
			margin-top: -20%;
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 26%;
			}

			&:after {
				right: 37%;
			}
		}
	}

	.adjust2019 {
		.olympus100th-timeline-container-content {
			margin-top: -20%;

			p {
				margin-left: 10%;
			}
		}
	}

	.adjust2017 {
		.olympus100th-timeline-container-content {
			margin-top: -55%;
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 26%;
			}

			&:after {
				right: 40%;
			}
		}
	}

	.adjust2016 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: 5%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -30%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 30%;
			}

			&:after {
				left: 44%;
			}
		}
	}

	.adjust2015 {
		.olympus100th-timeline-container-content {
			margin-top: -25%;

			p.medium-size {
				width: 85%;
			}
		}
	}

	.adjust2012 {
		margin-bottom: 1.5em !important;
	}

	.olympus100th-timeline {
		li.adjust2013 {
			min-height: 450px;
		}

		li.adjust2009 {
			min-height: 470px;
		}

		li.adjust2008 {
			min-height: 250px;
		}

		li.adjust2006 {
			min-height: 400px;
		}

		li.adjust2005 {
			min-height: 250px;
		}

		li.adjust2004 {
			min-height: 250px;
		}

		/* li.adjust2003 {
			min-height: 250px;
		} */
		li.adjust2002 {
			min-height: 250px;
		}

		li.adjust2000 {
			min-height: 600px;
		}

		li.adjust1991 {
			min-height: 450px;
		}

		li.adjust1990 {
			min-height: 230px;
		}

		li.adjust1983 {
			min-height: 800px;
		}

		li.adjust1980 {
			min-height: 250px;
		}

		li.adjust1979 {
			min-height: 300px;
		}

		li.adjust1966 {
			min-height: 450px;
		}

		li.adjust1949 {
			min-height: 350px;
		}

		li.adjust1927 {
			min-height: 550px;
		}

		li.adjust1920 {
			min-height: 230px;
		}
	}

	.adjust2013 {
		.olympus100th-timeline-container-content {
			margin-top: -30%;

			p {
				margin-left: 10%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 26%;
			}

			&:after {
				right: 40%;
			}
		}
	}

	.adjust2012 {
		.olympus100th-timeline-slide-l-01 {
			.olympus100th-timeline-container-content {
				margin-top: -10%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l-01 {
			&:before {
				width: 28%;
			}

			&:after {
				right: 42%;
			}

			p {
				margin-left: 30%;
			}
		}

		.olympus100th-timeline-slide-r-01 {
			.olympus100th-timeline-container-content {
				margin-top: -35%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r-01 {
			&:before {
				width: 32%;
			}

			&:after {
				left: 46%;
			}
		}

		.olympus100th-timeline-slide-r-02 {
			margin-top: 5%;

			.olympus100th-timeline-container-content {
				margin-top: -10%;

				p {
					margin-left: 15%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r-02 {
			&:before {
				width: 16%;
			}

			&:after {
				left: 30%;
			}
		}

		.olympus100th-timeline-slide-r-03 {
			margin-top: 6%;
		}

		.olympus100th-timeline-slide-l-02 {
			margin-top: 4%;

			.olympus100th-timeline-container-content {
				margin-top: -10%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l-02 {
			&:before {
				width: 38%;
			}

			&:after {
				right: 52%;
			}
		}
	}

	.adjust2011 {
		margin-top: 7em;
		margin-bottom: 2em;
		/* .olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -20%;
			}
		}
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 53%;
			}
			&:after {
				left: 67%;
			}
		}
		.olympus100th-timeline-container.olympus100th-timeline-slide-l-01 {
			&:before {
				width: 36%;
			}
			&:after {
				right: 50%;
			}
		}
		.olympus100th-timeline-slide-l-02 {
			margin-top: 2%;
			.olympus100th-timeline-container-content {
				p.block-right {
					margin-left: 40%;
				}
			}
		}
		.olympus100th-timeline-container.olympus100th-timeline-slide-l-02 {
			&:before {
				width: 20%;
			}
			&:after {
				right: 34%;
			}
		} */
	}

	.adjust2010 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -20%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 31%;
			}

			&:after {
				right: 45%;
			}
		}

		.olympus100th-timeline-slide-r-01 {
			.olympus100th-timeline-container-content {
				margin-top: -40%;

				p {
					margin-left: 15%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r-01 {
			&:before {
				width: 13%;
			}

			&:after {
				left: 27%;
			}
		}

		.olympus100th-timeline-slide-r-02 {
			margin-top: 5%;
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r-02 {
			&:before {
				width: 51%;
			}

			&:after {
				left: 65%;
			}
		}
	}

	.adjust2009 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -20%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -5%;

				p {
					margin-left: 15%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 18%;
			}

			&:after {
				left: 32%;
			}
		}
	}

	.adjust2008 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -20%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 31%;
			}

			&:after {
				right: 45%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -10%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 40%;
			}

			&:after {
				left: 54%;
			}
		}
	}

	.adjust2006 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -5%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -33%;
			}
		}
	}

	.adjust2005 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -12%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 31%;
			}

			&:after {
				right: 45%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -23%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 31%;
			}

			&:after {
				left: 45%;
			}
		}
	}

	.adjust2004 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -15%;

				p {
					margin-left: 15%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 20%;
			}

			&:after {
				right: 34%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -5%;
			}
		}
	}

	.adjust2003 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				p {
					margin-left: 30%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 28%;
			}

			&:after {
				right: 42%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				p {
					margin-left: 15%;
				}

				/* margin-top: -10%; */
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 16%;
			}

			&:after {
				left: 30%;
			}
		}
	}

	.adjust2002 {
		.olympus100th-timeline-slide-l-01 {
			.olympus100th-timeline-container-content {
				margin-top: -20%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l-01 {
			&:before {
				width: 51%;
			}

			&:after {
				right: 65%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l-02 {
			margin-top: 10%;

			&:before {
				width: 36%;
			}

			&:after {
				right: 50%;
			}
		}

		.olympus100th-timeline-slide-l-02 {
			.olympus100th-timeline-container-content {
				margin-top: -20%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -20%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 51%;
			}

			&:after {
				left: 65%;
			}
		}
	}

	.adjust2001 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -30%;

				p {
					margin-left: 25%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 23%;
			}

			&:after {
				left: 37%;
			}
		}
	}

	.adjust2000 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -60%;

				p {
					margin-left: 25%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 30%;
			}

			&:after {
				right: 44%;
			}
		}
	}

	.adjust1996 {
		.olympus100th-timeline-slide-l-01 {
			.olympus100th-timeline-container-content {
				margin-top: -35%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l-01 {
			&:before {
				width: 32%;
			}

			&:after {
				right: 47%;
			}
		}

		.olympus100th-timeline-slide-l-02 {
			margin-top: 2%;

			.olympus100th-timeline-container-content {
				margin-top: -5%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -40%;

				p {
					&:nth-child(2) {
						margin-bottom: 3em;
					}
				}
			}
		}
	}

	.adjust1995 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -25%;

				p {
					margin-left: 20%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 20%;
			}

			&:after {
				left: 34%;
			}
		}
	}

	.adjust1993 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -25%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 31%;
			}

			&:after {
				right: 45%;
			}
		}
	}

	.adjust1991 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -41%;

				p {
					margin-left: 30%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 28%;
			}

			&:after {
				left: 42%;
			}
		}
	}

	.adjust1990 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -30%;
			}
		}
	}

	.adjust1987 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -5%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 31%;
			}

			&:after {
				right: 45%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -30%;

				p {
					margin-left: 20%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 21%;
			}

			&:after {
				left: 35%;
			}
		}
	}

	.adjust1985 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -20%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 51%;
			}

			&:after {
				left: 65%;
			}
		}
	}

	.adjust1983 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -50%;

				p {
					margin-left: 10%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 22%;
			}

			&:after {
				right: 37%;
			}
		}

		.olympus100th-timeline-slide-r-02 {
			margin-top: 10%;

			.olympus100th-timeline-container-content {
				margin-top: -10%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r-02 {
			&:before {
				width: 31%;
			}

			&:after {
				left: 45%;
			}
		}
	}

	.adjust1980 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				p {
					margin-left: 20%;
				}

				margin-top: -40%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 32%;
			}

			&:after {
				right: 47%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				p {
					margin-left: 25%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 22%;
			}

			&:after {
				left: 37%;
			}
		}
	}

	.adjust1979 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -15%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 30%;
			}

			&:after {
				right: 44%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -10%;
			}

			p.medium-size.block-right {
				width: 71%;
				margin-left: 29%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 25%;
			}

			&:after {
				left: 39%;
			}
		}
	}

	.adjust1975 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -10%;

				p {
					margin-left: 10%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 22%;
			}

			&:after {
				right: 37%;
			}
		}
	}

	.adjust1972 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -20%;

				p {
					margin-left: 20%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 20%;
			}

			&:after {
				left: 34%;
			}
		}
	}

	.adjust1969 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -15%;
			}
		}
	}

	.adjust1968 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -15%;

				p {
					margin-left: 25%;
				}
			}

			p.medium-size {
				width: 75%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 22%;
			}

			&:after {
				left: 37%;
			}
		}
	}

	.adjust1966 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -50%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 32%;
			}

			&:after {
				right: 47%;
			}
		}
	}

	.adjust1964 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -5%;

				p {
					margin-left: 15%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 18%;
			}

			&:after {
				right: 32%;
			}
		}

		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -30%;

				p {
					margin-left: 30%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 28%;
			}

			&:after {
				left: 42%;
			}
		}
	}

	.adjust1959 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -15%;
			}
		}
	}

	.adjust1952 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -10%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 28%;
			}

			&:after {
				right: 42%;
			}
		}
	}

	.adjust1950 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -15%;

				p {
					margin-left: 25%;
				}
			}

			p.medium-size {
				width: 75%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 25%;
			}

			&:after {
				left: 39%;
			}
		}
	}

	.adjust1949 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				p {
					/* margin-left: 30%; */
				}
			}
		}

		/* .olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 10%;
			}
			&:after {
				right: 24%;
			}
		} */
	}

	.adjust1936 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -20%;

				p {
					margin-left: 30%;

					&:nth-child(2) {
						width: 50%;
					}

				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 18%;
			}

			&:after {
				left: 32%;
			}
		}
	}

	.adjust1927 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -70%;

				p {
					margin-left: 30%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 18%;
			}

			&:after {
				right: 32%;
			}
		}
	}

	.adjust1921 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -40%;
			}

			p {
				width: 48%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 46%;
			}

			&:after {
				right: 60%;
			}
		}
	}

	.adjust1920 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: -80%;

				p {
					margin-left: 30%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 30%;
			}

			&:after {
				left: 44%;
			}
		}
	}

	.adjust1919 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -20%;

				p {
					text-align: left !important;
					margin-right: 0;
					width: 65%;
				}
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			/* &:after {
				display: none;
			}
			&:before {
				display: none;
			} */
		}
	}
}


@media only screen and (min-width: 950px) {
	.olympus100th-timeline-container-content {
		margin-top: 0;
	}

	.olympus100th-timeline-container.olympus100th-timeline-slide-r {
		&:before {
			left: 12%;
		}
	}

	.olympus100th-timeline-container.olympus100th-timeline-slide-l {
		&:before {
			right: 12%;
		}
	}

	.olympus100th-timeline-container {
		&:before {
			width: 6%;
			top: 9px;
		}

		&:after {
			top: 7px;
		}
	}

	.adjust2017 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 28%;
			}
		}
	}

	.adjust2016 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 32%;
			}
		}
	}

	.adjust2013 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 28%;
			}
		}
	}

	.adjust2012 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l-01 {
			&:before {
				width: 30%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r-01 {
			&:before {
				width: 35%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r-02 {
			&:before {
				width: 18%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l-02 {
			&:before {
				width: 40%;
			}
		}
	}

	.adjust2011 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 55%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l-01 {
			&:before {
				width: 38%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l-02 {
			&:before {
				width: 22%;
			}
		}
	}

	.adjust2010 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 33%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r-01 {
			&:before {
				width: 15%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r-02 {
			&:before {
				width: 54%;
			}
		}
	}

	.adjust2009 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 20%;
			}
		}
	}

	.adjust2008 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 34%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 42%;
			}
		}
	}

	.adjust2005 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 34%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 34%;
			}
		}
	}

	.adjust2004 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 22%;
			}
		}
	}

	.adjust2003 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 30%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 18%;
			}
		}
	}

	.adjust2002 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l-01 {
			&:before {
				width: 54%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-l-02 {
			&:before {
				width: 38%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 54%;
			}
		}
	}

	.adjust2001 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 25%;
			}
		}
	}

	.adjust2000 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 32%;
			}
		}
	}

	.adjust1996 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l-01 {
			&:before {
				width: 35%;
			}
		}
	}

	.adjust1995 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 22%;
			}
		}
	}

	.adjust1993 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 33%;
			}
		}
	}

	.adjust1991 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 30%;
			}
		}
	}

	.adjust1987 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 33%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 23%;
			}
		}
	}

	.adjust1985 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 53%;
			}
		}
	}

	.adjust1983 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 25%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r-02 {
			&:before {
				width: 33%;
			}
		}
	}

	.adjust1980 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 35%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 25%;
			}
		}
	}

	.adjust1979 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 32%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 28%;
			}
		}
	}

	.adjust1975 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 25%;
			}
		}
	}

	.adjust1972 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 22%;
			}
		}
	}

	.adjust1968 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 25%;
			}
		}
	}

	.adjust1966 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 35%;
			}
		}
	}

	.adjust1964 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 20%;
			}
		}

		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 30%;
			}
		}
	}

	.adjust1952 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 30%;
			}
		}
	}

	.adjust1950 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 28%;
			}
		}
	}

	.adjust1949 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 12%;
			}
		}
	}

	.adjust1936 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 20%;
			}
		}
	}

	.adjust1927 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 20%;
			}
		}
	}

	.adjust1920 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				width: 32%;
			}
		}
	}

	.adjust1921 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-l {
			&:before {
				width: 48%;
			}
		}
	}
}


/* ------------------------------------------- */
/* ---- olympus100th timeline responsive ----- */
/* ------------------------------------------- */

@media only screen and (max-width: 700px) {
	.olympus100th-timeline-title {
		font-size: 1.8em;
		letter-spacing: normal;
		margin-right: 0;

		>span {
			&:first-child {
				letter-spacing: 0.5em;
				margin-right: -0.5em;
				font-size: 1.6em;
			}
		}
	}

	[lang="ja"] {
		[class*="hdg-section"].olympus100th-timeline-title {
			font-size: 1.8em;
			letter-spacing: normal;
			margin-right: 0;
		}
	}

	.olympus100th-timeline-date-01.ta-c {
		text-align: left !important;
		font-size: 1.8em;
	}

	.olympus100th-timeline-date-02.ta-c {
		text-align: left !important;
		font-size: 1.8em;
	}

	.olympus100th-timeline-container {
		width: 100%;
		margin-top: -6.5%;
		margin-bottom: 8%;

		p {
			width: 80%;
			margin-left: auto;
			margin-right: auto;
		}

		p.medium-size {
			width: 80%;
			margin-left: auto;
			margin-right: auto;
		}

		p.medium-size-02 {
			width: 80%;
			margin-left: auto;
			margin-right: auto;
		}

		p.medium-size.block-right {
			width: 80%;
			margin-left: auto;
			margin-right: auto;
		}

		p.block-right {
			margin-left: auto;
		}
	}

	.olympus100th-timeline-slide-l {
		float: right;
		padding-left: 30%;
		padding-right: 0;
	}

	.olympus100th-timeline-slide-r {
		float: right;
		padding-left: 30%;
		padding-right: 0;
	}

	.olympus100th-timeline-container.olympus100th-timeline-slide-r {
		&:before {
			right: auto;
			left: 22%;
			width: 8%;
			top: 25px;
		}

		&:after {
			right: auto;
			left: 30%;
			top: 23px;
		}
	}

	.olympus100th-timeline-container.olympus100th-timeline-slide-l {
		&:before {
			right: auto;
			left: 22%;
			width: 8%;
			top: 25px;
		}

		&:after {
			right: auto;
			left: 30%;
			top: 23px;
		}
	}

	.olympus100th-timeline-container-content {

		/* margin-top: -5%; */
		img {
			max-height: 300px;
		}
	}

	.olympus100th-va-center {
		position: static;
	}

	.adjust2020 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -15%;
			}
		}
	}

	.adjust2019 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: 15px;
			}
		}
	}

	.adjust2018 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: 15px;
			}
		}
	}

	.adjust2012 {
		.olympus100th-timeline-slide-r-03 {
			.olympus100th-timeline-container-content {
				margin-top: 15px;
			}
		}
	}

	.adjust2011 {
		.olympus100th-timeline-slide-l-02 {
			.olympus100th-timeline-container-content {
				margin-top: 15px;
			}
		}
	}

	.adjust2010 {
		.olympus100th-timeline-slide-r-02 {
			.olympus100th-timeline-container-content {
				margin-top: 15px;
			}
		}
	}

	.adjust2003 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: 15px;
			}
		}
	}

	.adjust1983 {
		.olympus100th-timeline-slide-r-01 {
			.olympus100th-timeline-container-content {
				margin-top: 15px;
			}
		}
	}

	.adjust1980 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: 15px;
			}
		}
	}

	.adjust1977 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: 15px;
			}
		}
	}

	.adjust1949 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: 15px;
			}
		}
	}

	.adjust1919 {
		.olympus100th-timeline-container.olympus100th-timeline-slide-r {
			&:before {
				display: none;
			}

			&:after {
				display: none;
			}
		}
	}
}

@media only screen and (max-width: 500px) {
	.olympus100th-timeline-container {
		p {
			width: 90%;
		}

		p.medium-size {
			width: 90%;
		}

		p.medium-size-02 {
			width: 90%;
		}

		p.medium-size.block-right {
			width: 90%;
		}
	}

	.olympus100th-timeline-container.olympus100th-timeline-slide-r {
		&:before {
			top: 9px;
		}

		&:after {
			top: 7px;
		}
	}

	.olympus100th-timeline-container.olympus100th-timeline-slide-l {
		&:before {
			top: 9px;
		}

		&:after {
			top: 7px;
		}
	}

	.adjust2020 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: -32%;
			}
		}
	}

	.adjust2019 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: auto;
			}
		}
	}

	.adjust2018 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: auto;
			}
		}
	}

	.adjust2012 {
		.olympus100th-timeline-slide-r-03 {
			.olympus100th-timeline-container-content {
				margin-top: auto;
			}
		}
	}

	.adjust2011 {
		.olympus100th-timeline-slide-l-02 {
			.olympus100th-timeline-container-content {
				margin-top: auto;
			}
		}
	}

	.adjust2010 {
		.olympus100th-timeline-slide-r-02 {
			.olympus100th-timeline-container-content {
				margin-top: auto;
			}
		}
	}

	.adjust2003 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: auto;
			}
		}
	}

	.adjust1983 {
		.olympus100th-timeline-slide-r-01 {
			.olympus100th-timeline-container-content {
				margin-top: auto;
			}
		}
	}

	.adjust1980 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: auto;
			}
		}
	}

	.adjust1977 {
		.olympus100th-timeline-slide-r {
			.olympus100th-timeline-container-content {
				margin-top: auto;
			}
		}
	}

	.adjust1949 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				margin-top: auto;
			}
		}
	}
	.adjust1919 {
		.olympus100th-timeline-slide-l {
			.olympus100th-timeline-container-content {
				p{
					text-align: left !important;
				}
			}
		}
	}
}




/* ------------------------------------------- */
/* -------- olympus100th timeline ie --------- */
/* ------------------------------------------- */