@charset "UTF-8";
/* CSS Document */

#main {
	width: auto;
}

#bodyContainer sup {
	color: inherit;
	font-size: 0.75em;
}

.wrap-flex {
	position: relative;
	margin: 0 auto;
}
.wrap-flex dl {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 30px 15px;
}
.wrap-flex  dl dd {
	width: calc((100% - 30px) / 3);
	/*height: 245px;*/
	position: relative;
	border: 1px solid rgba(0,0,0,0.15);
}
.wrap-flex dl dd a {
	display: block;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.wrap-flex dl dd img.image {
	display: block;
	width: 100%;
	transition: transform 0.4s,opacity 0.4s;
}
.wrap-flex dl dd .textWrap {
	width: 100%;
	min-height: 90px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 14px 0 26px 10px;
	background: rgba(121,148,156,0.62);
}
html[lang=en] .wrap-flex dl dd .textWrap {
	padding: 10px 0 26px 10px;
	min-height: 110px;
}
.wrap-flex#wrap_1 dl dd .textWrap {
	background-color: rgba(37,94,142,0.60);
}
.wrap-flex dl dd .textWrap p {
	color: inherit;
}
.wrap-flex dl dd a:hover {
	opacity: 1;
}
.wrap-flex dl dd a .textWrap {
	background: rgba(77,116,128,0.62) url("../images/readmore2.svg") right 10px bottom 10px no-repeat;
}
.wrap-flex dl dd a:hover img.image {
	transform: scale(1.1);
	opacity: 0.7;
}
.wrap-flex dl dd .textWrap .num {
	font-size: 1.3rem;
	line-height: 1;
	margin-bottom: 5px!important;
}
.wrap-flex dl dd .textWrap .text {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 3px;
	white-space: nowrap;
}

.wrap-flex#sec-stories dl dd .textWrap .num {
	font-size: 1.2rem;
	line-height: 1;
}
.wrap-flex#sec-stories dl dd .textWrap .text {
	font-size: 1.4rem;
	line-height: 1.4;
}

html[lang=en] .wrap-flex dl dd .textWrap {
    padding-bottom: 22px;
}
html[lang=en] .wrap-flex dl dd .textWrap .num {
	font-size: 1.3rem;
	line-height: 1;
}
html[lang=en] .wrap-flex dl dd .textWrap .text {
	white-space: normal;
	font-size: 1.5rem;
	line-height: 1.3;
}


#sec-chronology h2 {
	padding: 0;
}
#sec-chronology h2::before {
	display: none;
}
#sec-chronology h2:first-child {
	margin: 0;
}
#sec-chronology h3 {
	border-bottom: none;
	margin: 0;
	padding: 0;
	font-family: inherit;
}

#sec-chronology nav.company {
	text-align: center;
	padding: 10px 0 30px 0;
}
#sec-chronology nav.company li {
	display: inline-block;
	margin: 0 20px;
	line-height: 1;
	cursor: pointer;
	padding: 10px 2px 15px;
	font-size: 1.6rem;
	position: relative;
	background: url("../images/ayumi_timeline/current.svg") center bottom no-repeat;
	will-change: transform;
}
#sec-chronology nav.company li::before,
#sec-chronology nav.company li::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 12px;
	background: #fff;
	transition: transform 0.3s;
	z-index: 1;
	transform: scaleX(0.51);
}
#sec-chronology nav.company li::before {
	transform-origin: left bottom;
}
#sec-chronology nav.company li::after {
	transform-origin: right bottom;
}
#sec-chronology nav.company li.current::before,
#sec-chronology nav.company li.current::after {
	transform: scaleX(0);
}
#sec-chronology nav.company li span {
	display: block;
	padding-left: 22px;
	background: url("../images/ayumi_timeline/arrow2.svg") left 2px center no-repeat;
}
#sec-chronology nav.company li.current span {
	padding-left: 22px;
	background: url("../images/ayumi_timeline/arrow1.svg") left center no-repeat;
}

html[lang=en] #sec-chronology nav.company li {
    margin: 0 13px;
    font-size: 1.2rem;
}
html[lang=en] #sec-chronology nav.company li span {
    background-size: 6px auto;
    padding-left: 16px;
}
html[lang=en] #sec-chronology nav.company li.current span {
    background-size: auto 6px;
}

#sec-chronology .mainWrap {
	position: relative;
	height: 700px;
}
#sec-chronology nav.decade {
	position: absolute;
	left: 0;
	top: 20px;
	width: 65px;
	height: 100%;
	border-right: 1px solid #A39E9E;
}
#sec-chronology nav.decade li {
	padding: 6px 0 6px 10px;
	position: relative;
	pointer-events: none;
}
#sec-chronology nav.decade li span {
	display: block;
	height: 50px;
	cursor: pointer;
	position: relative;
	opacity: 0.2;
}
#sec-chronology nav.decade li::after {
	content: '';
	background: #ddd;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	position: absolute;
	right: -7px;
	top: -1px;
	bottom: 0;
	margin: auto 0;
	z-index: 2;
	pointer-events: none;
}
#sec-chronology nav.decade li.active {
	pointer-events: auto;
}
#sec-chronology nav.decade li.active span {
	opacity: 1;
}
#sec-chronology nav.decade li.active:hover span {
	opacity: 0.5;
}
#sec-chronology nav.decade li.active:hover::after {
	background: #538AC1;
}
#sec-chronology nav.decade li.active::after {
	background: #A39E9E;
}
#sec-chronology nav.decade li.active.current::after {
	background: #538AC1;
}

#sec-chronology .content {
	width: calc(100% - 90px);
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	overflow: auto;
}
#sec-chronology .content sup {
	font-size: 0.7em;
}
#sec-chronology .content .inner_c {
	position: absolute;
	padding-bottom: 150px;
	display: none;
	opacity: 0;
	transition: opacity 1s;
	width: 100%;
}
#sec-chronology .content .inner_c.show {
	opacity: 1;
}
#sec-chronology .content .inner_c::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	width: 4px;
	height: 100%;
	background: #538AC1;
	pointer-events: none;
	z-index: 5;
}
#sec-chronology .content section {
	width: 50%;
	padding: 0 30px;
}
#sec-chronology .content section:nth-child(even) {
	margin-left: auto;
}
#sec-chronology .content section h2 {
	background: no-repeat;
	height: 160px;
}
#sec-chronology .content section:nth-child(odd) h2 {
	background-position: left 1px top 10px;
}
#sec-chronology .content section:nth-child(even) h2 {
	background-position: right 1px top 10px;
	margin-left: auto;
}

#sec-chronology .content section h3 {
	position: relative;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	width: 100%;
	min-height: 50px;
	background: no-repeat;
	display: table;
	margin-bottom: 30px;
	will-change: transform;
}
#sec-chronology .content section h3 span {
	font-size: inherit;
	line-height: inherit;
	display: table-cell;
	vertical-align: middle;
	/*text-align: justify;
	text-justify: inter-ideograph;*/
}
#sec-chronology .content section:nth-child(odd) h3 {
	background-position: right calc(48% - 60px) top 6px;
	padding-right: 48%;
}
#sec-chronology .content section:nth-child(even) h3 {
	margin-left: auto;
	background-position: left calc(48% - 60px) top 6px;
	padding-left: 48%;
	margin-left: auto;
}
#sec-chronology .content section h3::before {
	content: '';
	width: 28px;
	height: 28px;
	background: #538AC1;
	border-radius: 50%;
	position: absolute;
	top: 10px;
}
#sec-chronology .content section:nth-child(odd) h3::before {
	right: -44px;
}
#sec-chronology .content section:nth-child(even) h3::before {
	left: -44px;
}
#sec-chronology .content section h3::after {
	content: '';
	width: calc(48% - 75px);
	height: 4px;
	background: #538AC1;
	position: absolute;
	top: 22px;
}
#sec-chronology .content section:nth-child(odd) h3::after {
	right: -30px;
}
#sec-chronology .content section:nth-child(even) h3::after {
	left: -30px;
}
#sec-chronology .content section .wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	text-align: left;
}
#sec-chronology .content section:nth-child(even) .wrap {
	flex-flow: row-reverse;
	justify-content: flex-end;
}
#sec-chronology .content section p {
	font-size: 1.2rem;
}
html[lang=en] #sec-chronology .content section p {
	font-size: 1.3rem;
}

#sec-chronology .content section:nth-child(odd) .wrap img {
	margin-left: 20px;
}
#sec-chronology .content section:nth-child(even) .wrap img {
	margin-right: 20px;
}

/*@media (max-width: 1080px) {*/
	#sec-chronology .content section h3 {
		display: block;
		padding: 60px 0 0!important;
		margin-bottom: 25px;
	}
	#sec-chronology .content section h3 span {
		display: block;
		padding: 0;
	}
	#sec-chronology .content section h3::after {
		width: calc(70% - 100px);
	}
	#sec-chronology .content section:nth-child(odd) h3 {
		background-position: right calc(70% - 70px) top 6px;
	}
	#sec-chronology .content section:nth-child(even) h3 {
		background-position: left calc(70% - 70px) top 6px;
	}
	#sec-chronology .content section .wrap {
		display: block;
	}
	#sec-chronology .content section:nth-child(odd) .wrap img {
		display: block;
		margin: 15px 0 0 auto;
	}
	#sec-chronology .content section:nth-child(even) .wrap img {
		display: block;
		margin: 15px auto 0 0;
	}
/*}*/


/*#sec-chronology nav.decade li[data-year="1920"] span {
	background: url("../images/ayumi_timeline/s_1920.svg") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1930"] span {
	background: url("../images/ayumi_timeline/s_1930.svg") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1940"] span {
	background: url("../images/ayumi_timeline/s_1940.svg") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1950"] span {
	background: url("../images/ayumi_timeline/s_1950.svg") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1960"] span {
	background: url("../images/ayumi_timeline/s_1960.svg") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1970"] span {
	background: url("../images/ayumi_timeline/s_1970.svg") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1980"] span {
	background: url("../images/ayumi_timeline/s_1980.svg") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1990"] span {
	background: url("../images/ayumi_timeline/s_1990.svg") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="2000"] span {
	background: url("../images/ayumi_timeline/s_2000.svg") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="2010"] span {
	background: url("../images/ayumi_timeline/s_2010.svg") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="2020"] span {
	background: url("../images/ayumi_timeline/s_2020.svg") left center no-repeat;
}


#sec-chronology .content h2[data-year="1920"] {
	background-image: url("../images/ayumi_timeline/h_1920.svg");
}
#sec-chronology .content h2[data-year="1930"] {
	background-image: url("../images/ayumi_timeline/h_1930.svg");
}
#sec-chronology .content h2[data-year="1940"] {
	background-image: url("../images/ayumi_timeline/h_1940.svg");
}
#sec-chronology .content h2[data-year="1950"] {
	background-image: url("../images/ayumi_timeline/h_1950.svg");
}
#sec-chronology .content h2[data-year="1960"] {
	background-image: url("../images/ayumi_timeline/h_1960.svg");
}
#sec-chronology .content h2[data-year="1970"] {
	background-image: url("../images/ayumi_timeline/h_1970.svg");
}
#sec-chronology .content h2[data-year="1980"] {
	background-image: url("../images/ayumi_timeline/h_1980.svg");
}
#sec-chronology .content h2[data-year="1990"] {
	background-image: url("../images/ayumi_timeline/h_1990.svg");
}
#sec-chronology .content h2[data-year="2000"] {
	background-image: url("../images/ayumi_timeline/h_2000.svg");
}
#sec-chronology .content h2[data-year="2010"] {
	background-image: url("../images/ayumi_timeline/h_2010.svg");
}
#sec-chronology .content h2[data-year="2020"] {
	background-image: url("../images/ayumi_timeline/h_2020.svg");
}


#sec-chronology .content h3[data-year="1921"] {
	background-image: url("../images/ayumi_timeline/y_1921	.svg");
}
#sec-chronology .content h3[data-year="1946"] {
	background-image: url("../images/ayumi_timeline/y_1946.svg");
}
#sec-chronology .content h3[data-year="1950"] {
	background-image: url("../images/ayumi_timeline/y_1950.svg");
}
#sec-chronology .content h3[data-year="1951"] {
	background-image: url("../images/ayumi_timeline/y_1951.svg");
}
#sec-chronology .content h3[data-year="1952"] {
	background-image: url("../images/ayumi_timeline/y_1952.svg");
}
#sec-chronology .content h3[data-year="1953"] {
	background-image: url("../images/ayumi_timeline/y_1953.svg");
}
#sec-chronology .content h3[data-year="1954"] {
	background-image: url("../images/ayumi_timeline/y_1954.svg");
}
#sec-chronology .content h3[data-year="1955"] {
	background-image: url("../images/ayumi_timeline/y_1955.svg");
}
#sec-chronology .content h3[data-year="1956"] {
	background-image: url("../images/ayumi_timeline/y_1956.svg");
}
#sec-chronology .content h3[data-year="1957"] {
	background-image: url("../images/ayumi_timeline/y_1957.svg");
}
#sec-chronology .content h3[data-year="1958"] {
	background-image: url("../images/ayumi_timeline/y_1958.svg");
}
#sec-chronology .content h3[data-year="1959"] {
	background-image: url("../images/ayumi_timeline/y_1959.svg");
}
#sec-chronology .content h3[data-year="1960"] {
	background-image: url("../images/ayumi_timeline/y_1960.svg");
}
#sec-chronology .content h3[data-year="1961"] {
	background-image: url("../images/ayumi_timeline/y_1961.svg");
}
#sec-chronology .content h3[data-year="1962"] {
	background-image: url("../images/ayumi_timeline/y_1962.svg");
}
#sec-chronology .content h3[data-year="1963"] {
	background-image: url("../images/ayumi_timeline/y_1963.svg");
}
#sec-chronology .content h3[data-year="1964"] {
	background-image: url("../images/ayumi_timeline/y_1964.svg");
}
#sec-chronology .content h3[data-year="1965"] {
	background-image: url("../images/ayumi_timeline/y_1965.svg");
}
#sec-chronology .content h3[data-year="1966"] {
	background-image: url("../images/ayumi_timeline/y_1966.svg");
}
#sec-chronology .content h3[data-year="1967"] {
	background-image: url("../images/ayumi_timeline/y_1967.svg");
}
#sec-chronology .content h3[data-year="1968"] {
	background-image: url("../images/ayumi_timeline/y_1968.svg");
}
#sec-chronology .content h3[data-year="1969"] {
	background-image: url("../images/ayumi_timeline/y_1969.svg");
}
#sec-chronology .content h3[data-year="1970"] {
	background-image: url("../images/ayumi_timeline/y_1970.svg");
}
#sec-chronology .content h3[data-year="1971"] {
	background-image: url("../images/ayumi_timeline/y_1971.svg");
}
#sec-chronology .content h3[data-year="1972"] {
	background-image: url("../images/ayumi_timeline/y_1972.svg");
}
#sec-chronology .content h3[data-year="1973"] {
	background-image: url("../images/ayumi_timeline/y_1973.svg");
}
#sec-chronology .content h3[data-year="1974"] {
	background-image: url("../images/ayumi_timeline/y_1974.svg");
}
#sec-chronology .content h3[data-year="1975"] {
	background-image: url("../images/ayumi_timeline/y_1975.svg");
}
#sec-chronology .content h3[data-year="1976"] {
	background-image: url("../images/ayumi_timeline/y_1976.svg");
}
#sec-chronology .content h3[data-year="1977"] {
	background-image: url("../images/ayumi_timeline/y_1977.svg");
}
#sec-chronology .content h3[data-year="1978"] {
	background-image: url("../images/ayumi_timeline/y_1978.svg");
}
#sec-chronology .content h3[data-year="1979"] {
	background-image: url("../images/ayumi_timeline/y_1979.svg");
}
#sec-chronology .content h3[data-year="1980"] {
	background-image: url("../images/ayumi_timeline/y_1980.svg");
}
#sec-chronology .content h3[data-year="1981"] {
	background-image: url("../images/ayumi_timeline/y_1981.svg");
}
#sec-chronology .content h3[data-year="1982"] {
	background-image: url("../images/ayumi_timeline/y_1982.svg");
}
#sec-chronology .content h3[data-year="1983"] {
	background-image: url("../images/ayumi_timeline/y_1983.svg");
}
#sec-chronology .content h3[data-year="1984"] {
	background-image: url("../images/ayumi_timeline/y_1984.svg");
}
#sec-chronology .content h3[data-year="1985"] {
	background-image: url("../images/ayumi_timeline/y_1985.svg");
}
#sec-chronology .content h3[data-year="1986"] {
	background-image: url("../images/ayumi_timeline/y_1986.svg");
}
#sec-chronology .content h3[data-year="1987"] {
	background-image: url("../images/ayumi_timeline/y_1987.svg");
}
#sec-chronology .content h3[data-year="1988"] {
	background-image: url("../images/ayumi_timeline/y_1988.svg");
}
#sec-chronology .content h3[data-year="1989"] {
	background-image: url("../images/ayumi_timeline/y_1989.svg");
}
#sec-chronology .content h3[data-year="1990"] {
	background-image: url("../images/ayumi_timeline/y_1990.svg");
}
#sec-chronology .content h3[data-year="1991"] {
	background-image: url("../images/ayumi_timeline/y_1991.svg");
}
#sec-chronology .content h3[data-year="1992"] {
	background-image: url("../images/ayumi_timeline/y_1992.svg");
}
#sec-chronology .content h3[data-year="1993"] {
	background-image: url("../images/ayumi_timeline/y_1993.svg");
}
#sec-chronology .content h3[data-year="1994"] {
	background-image: url("../images/ayumi_timeline/y_1994.svg");
}
#sec-chronology .content h3[data-year="1995"] {
	background-image: url("../images/ayumi_timeline/y_1995.svg");
}
#sec-chronology .content h3[data-year="1996"] {
	background-image: url("../images/ayumi_timeline/y_1996.svg");
}
#sec-chronology .content h3[data-year="1997"] {
	background-image: url("../images/ayumi_timeline/y_1997.svg");
}
#sec-chronology .content h3[data-year="1998"] {
	background-image: url("../images/ayumi_timeline/y_1998.svg");
}
#sec-chronology .content h3[data-year="1999"] {
	background-image: url("../images/ayumi_timeline/y_1999.svg");
}
#sec-chronology .content h3[data-year="2000"] {
	background-image: url("../images/ayumi_timeline/y_2000.svg");
}
#sec-chronology .content h3[data-year="2001"] {
	background-image: url("../images/ayumi_timeline/y_2001.svg");
}
#sec-chronology .content h3[data-year="2002"] {
	background-image: url("../images/ayumi_timeline/y_2002.svg");
}
#sec-chronology .content h3[data-year="2003"] {
	background-image: url("../images/ayumi_timeline/y_2003.svg");
}
#sec-chronology .content h3[data-year="2004"] {
	background-image: url("../images/ayumi_timeline/y_2004.svg");
}
#sec-chronology .content h3[data-year="2005"] {
	background-image: url("../images/ayumi_timeline/y_2005.svg");
}
#sec-chronology .content h3[data-year="2006"] {
	background-image: url("../images/ayumi_timeline/y_2006.svg");
}
#sec-chronology .content h3[data-year="2007"] {
	background-image: url("../images/ayumi_timeline/y_2007.svg");
}
#sec-chronology .content h3[data-year="2008"] {
	background-image: url("../images/ayumi_timeline/y_2008.svg");
}
#sec-chronology .content h3[data-year="2009"] {
	background-image: url("../images/ayumi_timeline/y_2009.svg");
}
#sec-chronology .content h3[data-year="2010"] {
	background-image: url("../images/ayumi_timeline/y_2010.svg");
}
#sec-chronology .content h3[data-year="2011"] {
	background-image: url("../images/ayumi_timeline/y_2011.svg");
}
#sec-chronology .content h3[data-year="2012"] {
	background-image: url("../images/ayumi_timeline/y_2012.svg");
}
#sec-chronology .content h3[data-year="2013"] {
	background-image: url("../images/ayumi_timeline/y_2013.svg");
}
#sec-chronology .content h3[data-year="2014"] {
	background-image: url("../images/ayumi_timeline/y_2014.svg");
}
#sec-chronology .content h3[data-year="2015"] {
	background-image: url("../images/ayumi_timeline/y_2015.svg");
}
#sec-chronology .content h3[data-year="2016"] {
	background-image: url("../images/ayumi_timeline/y_2016.svg");
}
#sec-chronology .content h3[data-year="2017"] {
	background-image: url("../images/ayumi_timeline/y_2017.svg");
}
#sec-chronology .content h3[data-year="2018"] {
	background-image: url("../images/ayumi_timeline/y_2018.svg");
}
#sec-chronology .content h3[data-year="2019"] {
	background-image: url("../images/ayumi_timeline/y_2019.svg");
}
#sec-chronology .content h3[data-year="2020"] {
	background-image: url("../images/ayumi_timeline/y_2020.svg");
}
#sec-chronology .content h3[data-year="2021"] {
	background-image: url("../images/ayumi_timeline/y_2021.svg");
}
#sec-chronology .content h3[data-year="2022"] {
	background-image: url("../images/ayumi_timeline/y_2022.svg");
}
*/

#sec-chronology nav.decade li[data-year="1920"] span {
	background: url("../images/ayumi_timeline/s_1920.png") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1930"] span {
	background: url("../images/ayumi_timeline/s_1930.png") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1940"] span {
	background: url("../images/ayumi_timeline/s_1940.png") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1950"] span {
	background: url("../images/ayumi_timeline/s_1950.png") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1960"] span {
	background: url("../images/ayumi_timeline/s_1960.png") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1970"] span {
	background: url("../images/ayumi_timeline/s_1970.png") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1980"] span {
	background: url("../images/ayumi_timeline/s_1980.png") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="1990"] span {
	background: url("../images/ayumi_timeline/s_1990.png") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="2000"] span {
	background: url("../images/ayumi_timeline/s_2000.png") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="2010"] span {
	background: url("../images/ayumi_timeline/s_2010.png") left center no-repeat;
}
#sec-chronology nav.decade li[data-year="2020"] span {
	background: url("../images/ayumi_timeline/s_2020.png") left center no-repeat;
}


#sec-chronology .content h2[data-year="1920"] {
	background-image: url("../images/ayumi_timeline/h_1920.png");
}
#sec-chronology .content h2[data-year="1930"] {
	background-image: url("../images/ayumi_timeline/h_1930.png");
}
#sec-chronology .content h2[data-year="1940"] {
	background-image: url("../images/ayumi_timeline/h_1940.png");
}
#sec-chronology .content h2[data-year="1950"] {
	background-image: url("../images/ayumi_timeline/h_1950.png");
}
#sec-chronology .content h2[data-year="1960"] {
	background-image: url("../images/ayumi_timeline/h_1960.png");
}
#sec-chronology .content h2[data-year="1970"] {
	background-image: url("../images/ayumi_timeline/h_1970.png");
}
#sec-chronology .content h2[data-year="1980"] {
	background-image: url("../images/ayumi_timeline/h_1980.png");
}
#sec-chronology .content h2[data-year="1990"] {
	background-image: url("../images/ayumi_timeline/h_1990.png");
}
#sec-chronology .content h2[data-year="2000"] {
	background-image: url("../images/ayumi_timeline/h_2000.png");
}
#sec-chronology .content h2[data-year="2010"] {
	background-image: url("../images/ayumi_timeline/h_2010.png");
}
#sec-chronology .content h2[data-year="2020"] {
	background-image: url("../images/ayumi_timeline/h_2020.png");
}


#sec-chronology .content h3[data-year="1921"] {
	background-image: url("../images/ayumi_timeline/y_1921	.png");
}
#sec-chronology .content h3[data-year="1946"] {
	background-image: url("../images/ayumi_timeline/y_1946.png");
}
#sec-chronology .content h3[data-year="1950"] {
	background-image: url("../images/ayumi_timeline/y_1950.png");
}
#sec-chronology .content h3[data-year="1951"] {
	background-image: url("../images/ayumi_timeline/y_1951.png");
}
#sec-chronology .content h3[data-year="1952"] {
	background-image: url("../images/ayumi_timeline/y_1952.png");
}
#sec-chronology .content h3[data-year="1953"] {
	background-image: url("../images/ayumi_timeline/y_1953.png");
}
#sec-chronology .content h3[data-year="1954"] {
	background-image: url("../images/ayumi_timeline/y_1954.png");
}
#sec-chronology .content h3[data-year="1955"] {
	background-image: url("../images/ayumi_timeline/y_1955.png");
}
#sec-chronology .content h3[data-year="1956"] {
	background-image: url("../images/ayumi_timeline/y_1956.png");
}
#sec-chronology .content h3[data-year="1957"] {
	background-image: url("../images/ayumi_timeline/y_1957.png");
}
#sec-chronology .content h3[data-year="1958"] {
	background-image: url("../images/ayumi_timeline/y_1958.png");
}
#sec-chronology .content h3[data-year="1959"] {
	background-image: url("../images/ayumi_timeline/y_1959.png");
}
#sec-chronology .content h3[data-year="1960"] {
	background-image: url("../images/ayumi_timeline/y_1960.png");
}
#sec-chronology .content h3[data-year="1961"] {
	background-image: url("../images/ayumi_timeline/y_1961.png");
}
#sec-chronology .content h3[data-year="1962"] {
	background-image: url("../images/ayumi_timeline/y_1962.png");
}
#sec-chronology .content h3[data-year="1963"] {
	background-image: url("../images/ayumi_timeline/y_1963.png");
}
#sec-chronology .content h3[data-year="1964"] {
	background-image: url("../images/ayumi_timeline/y_1964.png");
}
#sec-chronology .content h3[data-year="1965"] {
	background-image: url("../images/ayumi_timeline/y_1965.png");
}
#sec-chronology .content h3[data-year="1966"] {
	background-image: url("../images/ayumi_timeline/y_1966.png");
}
#sec-chronology .content h3[data-year="1967"] {
	background-image: url("../images/ayumi_timeline/y_1967.png");
}
#sec-chronology .content h3[data-year="1968"] {
	background-image: url("../images/ayumi_timeline/y_1968.png");
}
#sec-chronology .content h3[data-year="1969"] {
	background-image: url("../images/ayumi_timeline/y_1969.png");
}
#sec-chronology .content h3[data-year="1970"] {
	background-image: url("../images/ayumi_timeline/y_1970.png");
}
#sec-chronology .content h3[data-year="1971"] {
	background-image: url("../images/ayumi_timeline/y_1971.png");
}
#sec-chronology .content h3[data-year="1972"] {
	background-image: url("../images/ayumi_timeline/y_1972.png");
}
#sec-chronology .content h3[data-year="1973"] {
	background-image: url("../images/ayumi_timeline/y_1973.png");
}
#sec-chronology .content h3[data-year="1974"] {
	background-image: url("../images/ayumi_timeline/y_1974.png");
}
#sec-chronology .content h3[data-year="1975"] {
	background-image: url("../images/ayumi_timeline/y_1975.png");
}
#sec-chronology .content h3[data-year="1976"] {
	background-image: url("../images/ayumi_timeline/y_1976.png");
}
#sec-chronology .content h3[data-year="1977"] {
	background-image: url("../images/ayumi_timeline/y_1977.png");
}
#sec-chronology .content h3[data-year="1978"] {
	background-image: url("../images/ayumi_timeline/y_1978.png");
}
#sec-chronology .content h3[data-year="1979"] {
	background-image: url("../images/ayumi_timeline/y_1979.png");
}
#sec-chronology .content h3[data-year="1980"] {
	background-image: url("../images/ayumi_timeline/y_1980.png");
}
#sec-chronology .content h3[data-year="1981"] {
	background-image: url("../images/ayumi_timeline/y_1981.png");
}
#sec-chronology .content h3[data-year="1982"] {
	background-image: url("../images/ayumi_timeline/y_1982.png");
}
#sec-chronology .content h3[data-year="1983"] {
	background-image: url("../images/ayumi_timeline/y_1983.png");
}
#sec-chronology .content h3[data-year="1984"] {
	background-image: url("../images/ayumi_timeline/y_1984.png");
}
#sec-chronology .content h3[data-year="1985"] {
	background-image: url("../images/ayumi_timeline/y_1985.png");
}
#sec-chronology .content h3[data-year="1986"] {
	background-image: url("../images/ayumi_timeline/y_1986.png");
}
#sec-chronology .content h3[data-year="1987"] {
	background-image: url("../images/ayumi_timeline/y_1987.png");
}
#sec-chronology .content h3[data-year="1988"] {
	background-image: url("../images/ayumi_timeline/y_1988.png");
}
#sec-chronology .content h3[data-year="1989"] {
	background-image: url("../images/ayumi_timeline/y_1989.png");
}
#sec-chronology .content h3[data-year="1990"] {
	background-image: url("../images/ayumi_timeline/y_1990.png");
}
#sec-chronology .content h3[data-year="1991"] {
	background-image: url("../images/ayumi_timeline/y_1991.png");
}
#sec-chronology .content h3[data-year="1992"] {
	background-image: url("../images/ayumi_timeline/y_1992.png");
}
#sec-chronology .content h3[data-year="1993"] {
	background-image: url("../images/ayumi_timeline/y_1993.png");
}
#sec-chronology .content h3[data-year="1994"] {
	background-image: url("../images/ayumi_timeline/y_1994.png");
}
#sec-chronology .content h3[data-year="1995"] {
	background-image: url("../images/ayumi_timeline/y_1995.png");
}
#sec-chronology .content h3[data-year="1996"] {
	background-image: url("../images/ayumi_timeline/y_1996.png");
}
#sec-chronology .content h3[data-year="1997"] {
	background-image: url("../images/ayumi_timeline/y_1997.png");
}
#sec-chronology .content h3[data-year="1998"] {
	background-image: url("../images/ayumi_timeline/y_1998.png");
}
#sec-chronology .content h3[data-year="1999"] {
	background-image: url("../images/ayumi_timeline/y_1999.png");
}
#sec-chronology .content h3[data-year="2000"] {
	background-image: url("../images/ayumi_timeline/y_2000.png");
}
#sec-chronology .content h3[data-year="2001"] {
	background-image: url("../images/ayumi_timeline/y_2001.png");
}
#sec-chronology .content h3[data-year="2002"] {
	background-image: url("../images/ayumi_timeline/y_2002.png");
}
#sec-chronology .content h3[data-year="2003"] {
	background-image: url("../images/ayumi_timeline/y_2003.png");
}
#sec-chronology .content h3[data-year="2004"] {
	background-image: url("../images/ayumi_timeline/y_2004.png");
}
#sec-chronology .content h3[data-year="2005"] {
	background-image: url("../images/ayumi_timeline/y_2005.png");
}
#sec-chronology .content h3[data-year="2006"] {
	background-image: url("../images/ayumi_timeline/y_2006.png");
}
#sec-chronology .content h3[data-year="2007"] {
	background-image: url("../images/ayumi_timeline/y_2007.png");
}
#sec-chronology .content h3[data-year="2008"] {
	background-image: url("../images/ayumi_timeline/y_2008.png");
}
#sec-chronology .content h3[data-year="2009"] {
	background-image: url("../images/ayumi_timeline/y_2009.png");
}
#sec-chronology .content h3[data-year="2010"] {
	background-image: url("../images/ayumi_timeline/y_2010.png");
}
#sec-chronology .content h3[data-year="2011"] {
	background-image: url("../images/ayumi_timeline/y_2011.png");
}
#sec-chronology .content h3[data-year="2012"] {
	background-image: url("../images/ayumi_timeline/y_2012.png");
}
#sec-chronology .content h3[data-year="2013"] {
	background-image: url("../images/ayumi_timeline/y_2013.png");
}
#sec-chronology .content h3[data-year="2014"] {
	background-image: url("../images/ayumi_timeline/y_2014.png");
}
#sec-chronology .content h3[data-year="2015"] {
	background-image: url("../images/ayumi_timeline/y_2015.png");
}
#sec-chronology .content h3[data-year="2016"] {
	background-image: url("../images/ayumi_timeline/y_2016.png");
}
#sec-chronology .content h3[data-year="2017"] {
	background-image: url("../images/ayumi_timeline/y_2017.png");
}
#sec-chronology .content h3[data-year="2018"] {
	background-image: url("../images/ayumi_timeline/y_2018.png");
}
#sec-chronology .content h3[data-year="2019"] {
	background-image: url("../images/ayumi_timeline/y_2019.png");
}
#sec-chronology .content h3[data-year="2020"] {
	background-image: url("../images/ayumi_timeline/y_2020.png");
}
#sec-chronology .content h3[data-year="2021"] {
	background-image: url("../images/ayumi_timeline/y_2021.png");
}
#sec-chronology .content h3[data-year="2022"] {
	background-image: url("../images/ayumi_timeline/y_2022.png");
}


#modal {
	position: fixed;
	z-index: 200;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
}
html.start #modal {
	transition: opacity 0.3s;
}
#modal.show {
	opacity: 1;
	pointer-events: auto;
}
#modal .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(52,82,105,0.80);
	z-index: 1;
}
#modal .frame {
	position: relative;
	height: 100%;
	z-index: 2;
	opacity: 0;
	transform: scale(0.8);
	transition: opacity 0.3s, transform 0.3s;
	pointer-events: none;
}
#modal.show .frame {
	opacity: 1;
	transform: scale(1);
	transition-delay: 0.2s;
}
#modal .frame .inner_m {
	position: relative;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	max-width: 1000px;
    width: 80%;
	max-height: 800px;
	height: calc(90% - 60px);
	transform: translateY(-50%);
	background: #fff;
	padding: 30px 10px 30px 0;
}
#modal.show .frame .inner_m {
	pointer-events: auto;
}
#modal .frame .inner_m dl {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#modal .frame .inner_m dl dd {
	position: relative;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
	padding: 0 20px 0 30px;;
}
#modal.show .frame .inner_m dl dd.current {
	opacity: 1;
	pointer-events: auto;
	transition: opacity 0.8s;
	overflow: visible;
}
#modal .frame .inner_m dl dd .wrap {
	position: relative;
	margin-bottom: 3em;
}
#modal .frame .inner_m dl dd .wrap:last-child {
	margin-bottom: 0;
}
#modal .frame .inner_m dl dd .wrap::after {
	content: '';
	clear: both;
	display: block;
}
#modal .frame .inner_m dl dd img {
	display: block;
	max-width: 100%;
}
#modal .frame .inner_m dl dd img.single {
	margin-bottom: 25px;
}
#modal .frame .inner_m dl dd p + img.single_center {
	margin-top: 30px;
}
#modal .frame .inner_m dl dd img.single_center {
	margin: 10px auto 30px;
	max-width: 600px;
}
#modal .frame .inner_m dl dd p + img.single {
	margin-top: 30px;
}
#modal .frame .inner_m dl dd .wrap + h3 {
	margin-top: 25px;
}
#modal .frame .inner_m dl dd .wrap .imageCol {
	float: left;
	margin-right: 30px;
	width: 300px;
}
#modal .frame .inner_m dl dd .wrap .textCol {
	float: right;
	width: calc(100% - 330px);
}
@media (max-width: 920px) {
	#modal .frame .inner_m dl dd .wrap .imageCol {
		float: none;
		margin-right: 0;
		width: auto;
		margin-top: 30px;
	}
	#modal .frame .inner_m dl dd .wrap .textCol {
		float: none;
		width: auto;
	}
}

#modal .frame .inner_m dl dd .num {
	font-size: 2.0rem;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 0.8em;
}
#modal .frame .inner_m dl dd h2 {
	padding: 0;
	margin: 0;
	background: none;
	
	font-size: 2.7rem;
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 1em;
}
#modal .frame .inner_m dl dd h2::before {
	display: none;
}
#modal .frame .inner_m dl dd h3 {
	border: none;
	margin: 0;
	padding: 0;
	
	font-size: 2.4rem;
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 20px;
}
#modal .frame .inner_m dl dd p+h3 {
	margin-top: 40px;
}
#modal .frame .inner_m dl dd h3 small {
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: 700;
}
#modal .frame .inner_m dl dd p {
	font-size: 1.5rem;
	line-height: 1.8;
}
#modal .frame .inner_m dl dd p small {
	font-size: 1.3rem;
	line-height: 1.4;
}
#modal .frame .inner_m dl dd p+p {
	margin-top: 10px;
}

#modal .frame .inner_m .closeBtn {
	position: absolute;
	right: 0;
	top: -46px;
	z-index: 2;
	width: 38px;
	height: 38px;
	background: url("../images/close_x.svg") center center/contain no-repeat;
	cursor: pointer;
	opacity: 0;
}
#modal.show .frame .inner_m .closeBtn {
	transition: opacity 0.2s 0.4s;
	opacity: 1;
}
#modal .frame .inner_m .arrowBtn {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: 2;
	width: 50px;
	height: 50px;
	background: url("../images/modal_arrow.svg") center center/26px auto no-repeat;
	cursor: pointer;
}
#modal .frame .inner_m .arrowBtn.left {
	left: -65px;
	transform: scaleX(-1);
}
#modal .frame .inner_m .arrowBtn.right {
	right: -65px;
}



#sec-chronology ::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
#sec-chronology ::-webkit-scrollbar-track {
	background: rgba(255,255,255,0) url("../images/scrbar_bg.png") center top repeat-y;
}
#sec-chronology ::-webkit-scrollbar-thumb {
	background: #C9DDF5;
}

#sec-history,
#sec-chronology,
#sec-history {
	position: relative;
}

#sec-history,
#sec-chronology {
	margin-bottom: 120px;
}

.jumpTarget {
	position: relative;
}
.jumpTarget div {
	position: absolute;
	top: -150px;
}