body, html {
	 -ms-text-size-adjust: 100%;
	 -webkit-text-size-adjust: 100%;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 font-size: 10px;
}
 * {
	 margin: 0;
	 padding: 0;
	 outline: none;
	 border: none;
	 box-sizing: border-box;
	 -webkit-tap-highlight-color: transparent;
	 text-decoration: none;
	 list-style: none;
	 box-shadow: none;
}
 .history-wrapper-content .scrollContainer {
	 overscroll-behavior: none;
	 display: flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
}
 .history-wrapper-content .section {
	 height: 100vh;
}
 .history-wrapper-content .section.start-content {
	 flex: 0 0 100vw;
}
.caption-rc {
	margin-left: 60px;
}
 .history-wrapper-content .caption-rc h2 {
	color: var(--text);
	 font-size: clamp(7rem, 6vw, 10rem);
	 text-transform: uppercase;
	 line-height: 1;
	 letter-spacing: 0px;
}
 .history-wrapper-content .caption-rc p {
	 max-width: 60rem;
	 font-size: clamp(2rem, 6vw, 2rem);
}
 .history-wrapper-content .double-images {
	 position: relative;
	 width: 90rem;
	 display: flex;
}
 .history-wrapper-content .double-images.type-01 {
	 margin: 10rem 0;
}
 .history-wrapper-content .double-images.type-01 figure:first-child {
	 flex-basis: 60rem;
	 flex-shrink: 0;
	 height: 80vh;
}
 .history-wrapper-content .double-images.type-01 figure:last-child {
	 max-width: 45rem;
	 height: 50vh;
	 position: absolute;
	 bottom: -4rem;
	 right: -26rem;
	 top: auto;
}
 .history-wrapper-content .double-images.type-02 figure:first-child {
	 flex-basis: 90rem;
	 flex-shrink: 0;
	 height: 100vh;
}
 .history-wrapper-content .double-images.type-02 figure:last-child {
	 max-width: 45rem;
	 height: 50vh;
	 position: absolute;
	 bottom: -4rem;
	 right: -26rem;
	 top: auto;
}
 .history-wrapper-content .triple-images {
	 position: relative;
	 max-width: 110rem;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 margin: 10rem 0;
}
 .history-wrapper-content .triple-images figure {
	 width: 50rem;
	 height: 50rem;
}
 .history-wrapper-content .triple-images figure:first-child {
	 width: 50vh;
	 height: 50vh;
	 padding-bottom: 100%;
}
 .history-wrapper-content .triple-images figure:first-child img {
	 width: 100%;
	 height: 100%;
}
 .history-wrapper-content .triple-images figure:nth-child(2) {
	 width: 35vh;
	 height: 35vh;
	 position: absolute;
	 top: -35%;
	 right: -20%;
}
 .history-wrapper-content .triple-images figure:nth-child(2) img {
	 width: 100%;
	 height: 100%;
}
 .history-wrapper-content .triple-images figure:nth-child(3) {
	 width: 40vh;
	 height: 40rem;
	 position: absolute;
	 bottom: -35%;
	 left: -20%;
}
 .history-wrapper-content .triple-images figure:nth-child(3) img {
	 width: 100%;
	 height: 100%;
}
 .history-wrapper-content figure {
	 width: 100%;
	 position: relative;
	 overflow: hidden;
}
 .history-wrapper-content figure.start-image {
	 width: 40%;
	 height: 100%;
}
 .history-wrapper-content figure.start-image img {
	 width: 140%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 object-fit: cover;
}
 .history-wrapper-content figure img {
	 width: 140%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 object-fit: cover;
}
 .history-wrapper-content .start-chapter .caption-rc {
	 width: 50%;
	 display: flex;
	 align-items: flex-start;
	 justify-content: flex-start;
	 flex-direction: column;
	 padding-left: 0;
	 margin-bottom: 10rem;
}
 .history-wrapper-content .start-chapter .caption-rc h2 {
	 font-size: clamp(7rem, 6vw, 10rem);
	 text-transform: uppercase;
	 line-height: 1;
}
 .history-wrapper-content .start-chapter .caption-rc p {
	 max-width: 60rem;
	 padding-left: .5rem;
	 font-size: clamp(2rem, 6vw, 2rem);
}
 .history-wrapper-content .chapters {
	 height: 100%;
	 margin: auto;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 position: relative;
	 padding: 0 10vw;
}
 .history-wrapper-content .chapters.c01 .caption-rc {
	 padding-left: 20rem;
}
 .history-wrapper-content .chapters.c02 {
	 padding: 0 10vw;
}
 .history-wrapper-content .chapters.c02 .caption-rc {
	 padding-left: 20rem;
	 width: max-content;
	 margin-top: 10rem;
}
 .history-wrapper-content .item {
	 width: 100%;
	 height: 100%;
	 display: flex;
	 background: #fff;
}