@charset "UTF-8";

.sh-gradient-wrapper {
	padding-bottom: 40px;
}



.sh-active-title1 {
	font-size: 22px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
.sh-active-title2 {
	font-size: 24px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.sh-active-text1 {
	font-size: 18px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.sh-active-caption1 {
	font-size: 14px;
	line-height: 1.25;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	position: absolute;
	bottom: 5px;
	right: 5px;
	color:#fff;
	text-shadow: 0 0 3px #999, 1px 0 3px #999, 0 -1px 3px #999, 0 1px 3px #999, -1px 0 3px #999;
}
.sh-active-caption2 {
	font-size: 14px;
	line-height: 1.25;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	position: absolute;
	bottom: 5px;
	left: 10px;
	color:#fff;
	text-shadow: 0 0 3px #999, 1px 0 3px #999, 0 -1px 3px #999, 0 1px 3px #999, -1px 0 3px #999;
}
.__umeda .sh-active-caption2 {
	color: #000;
	text-shadow: none;
}
.__history .sh-active-caption2 {
	color: #000;
	text-shadow: none;
}
.sh-active-caption3 {
	font-size: 14px;
	line-height: 1.25;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	text-align: left;
	padding-left: 20px;
}
.sh-active-caption4 {
	font-size: 16px;
	line-height: 1.25;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	color: #fff;
	background-color: rgba(154, 15, 94, 0.8);
	position: absolute;
	box-sizing: border-box;
	width: 93.75%;
	left: 3.125%;
	bottom: 0;
	margin-bottom: 3%;
	padding: 5px;
	font-feature-settings: 'palt';
}
.__umeda .sh-active-caption4 {
	background-color: rgba(24, 41, 134, 0.7);
	width: 95.814978%;
	left: 2.202643172%;
	margin-bottom: 2.202643172%;
}

.sh-active-caption5 {
	font-size: 14px;
	line-height: 1.25;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	position: absolute;
	left: 5px;
	bottom: 0;
}
.sh-active-caption6 {
	font-size: 16px;
	line-height: 1.25;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	color: #fff;
	text-shadow: 0 0 3px #000, 1px 0 3px #000, 0 -1px 3px #000, 0 1px 3px #000, -1px 0 3px #000;
	position: absolute;
	box-sizing: border-box;
	width: 93.75%;
	left: 3.125%;
	bottom: 0;
	margin-bottom: 3%;
	padding: 5px;
	font-feature-settings: 'palt';
}
.sh-active-caption7 {
	font-size: 14px;
	line-height: 1.25;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	position: absolute;
	right: 5px;
	bottom: 0;
}
.sh-active-caption8 {
	font-size: 14px;
	line-height: 1.25;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	text-align: right;
	padding-right: 10px;
}
.sh-active-caption9 {
	font-size: 20px;
	line-height: 1.25;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	text-align: right;
}
.sh-active-caption9 small {
	font-size: 16px;
}
.sh-active-tl-notice p {
	font-size: 14px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	padding-left: 1em;
	text-indent: -1em;
}

.sh-active-heading {
	margin-bottom: 40px;
}
.sh-active-heading-text {
	background-color: #f1dbe7;
	padding: 15px;
	text-align: left;
}
.__umeda .sh-active-heading-text {
	background-color: #dddfed;
}
.__kyoto .sh-active-heading-text {
	background-color: #f8e1d1;
}
.__history .sh-active-heading-text {
	background-color: #e5eada;
}

.sh-active-timeline-wrapper {
	padding-left: 10px;
	padding-right: 10px;
}
.sh-active-timeline {
	text-align: left;
}
.sh-active-tl-item {
	position: relative;
	margin-bottom: 40px;
}
.sh-active-tl-time {
	position: absolute;
	box-sizing: border-box;
	width: 120px;
	background-color: #a30b5e;
	left: 0;
	top: 0;
	padding-left: 20px;
	line-height: 40px;
	z-index: 2;
}
.__umeda .sh-active-tl-time {
	background-color: #182986;
}
.__kyoto .sh-active-tl-time {
	background-color: #dc6a17;
}
.__history .sh-active-tl-time {
	background-color: #7d9446;
}
.sh-active-tl-time::after {
	position: absolute;
	display: block;
	content: '';
	width: 105px;
	height: 2px;
	left: 15px;
	top: 40px;
	background-color: #fff;
}
.sh-active-tl-time span {
	font-size: 30px;
	/*font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;*/
	color: #fff;
}
.sh-active-tl-text {
	position: relative;
	padding: 60px 15px 20px 15px;
	background-image: linear-gradient(-45deg, transparent 25%, #faf1f6 25%, #faf1f6 50%, transparent 50%, transparent 75%, #faf1f6 75%, #faf1f6);
	background-size: 48px 48px;
}
.sh-active-tl-text::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #a30b5e;
	left: 0;
	top: 40px;
}
.__umeda .sh-active-tl-text {
	background-image: linear-gradient(-45deg, transparent 25%, #f1f2f8 25%, #f1f2f8 50%, transparent 50%, transparent 75%, #f1f2f8 75%, #f1f2f8);
}
.__umeda .sh-active-tl-text::before {
	background-color: #182986;
}
.__kyoto .sh-active-tl-text {
	background-image: linear-gradient(-45deg, transparent 25%, #fbf6f2 25%, #fbf6f2 50%, transparent 50%, transparent 75%, #fbf6f2 75%, #fbf6f2);
}
.__kyoto .sh-active-tl-text::before {
	background-color: #dc6a17;
}
.__history .sh-active-tl-text {
	background-image: linear-gradient(-45deg, transparent 25%, #e9ede5 25%, #e9ede5 50%, transparent 50%, transparent 75%, #e9ede5 75%, #e9ede5);
}
.__history .sh-active-tl-text::before {
	background-color: #7d9446;
}
.sh-active-tl-text .sh-active-text1 {
	background-color: rgba(255, 255, 255, .9);
	padding: 5px;
}

.sh-active-tl-image {
	margin-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.sh-active-tl-topic {
	margin-bottom: 40px;
	padding: 20px;
	background-color: #ecefe3;
}

.sh-active-tl-item__inner01 .sh-active-tl-image {
	box-sizing: border-box;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box1 {
	box-sizing: border-box;
	max-width: 530px;
	padding-left: 32.83%;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}
.sh-active-box1 > div {
	max-width: 356px;
}
.sh-active-box1 > p {
	position: absolute;
	width: 47.17%;
	max-width: 250px;
	left: 0;
	bottom: 0;
}

.sh-active-box2 {
	width: 80%;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}

.sh-active-tl-item__inner03 .sh-active-tl-image {
	box-sizing: border-box;
	max-width: 490px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box3 {
	box-sizing: border-box;
	max-width: 470px;
	padding-left: 24.25%;
	padding-bottom: 8%;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box3 > div:last-child {
	position: absolute;
	width: 32%;
	max-width: 180px;
	left: 0;
	bottom: 0;
	padding-bottom: 10px;
}
.sh-active-box3 .sh-active-caption4 {
	padding-left: 8%;
	margin-bottom: 2.9%;
}
.sh-active-box3 .sh-active-caption5 {
	white-space: nowrap;
}

.sh-active-tl-item__inner04 .sh-active-tl-image {
	box-sizing: border-box;
	max-width: 470px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box4 {
	box-sizing: border-box;
	max-width: 550px;
	padding-right: 20%;
	padding-bottom: 16.3636%;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box4 > div:last-child {
	position: absolute;
	width: 45.455%;
	max-width: 250px;
	right: 0;
	bottom: 0;
	padding-bottom: 10px;
}
.sh-active-box4 .sh-active-caption6 {
	padding-right: 25%;
}

.sh-active-box5 {
	width: 60%;
	max-width: 361px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box5 > .sh-PR {
	padding-bottom: 10px;
}

.sh-active-box6 {
	width: 60%;
	max-width: 364px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box6 > .sh-PR {
	padding-bottom: 10px;
}

.sh-active-box7 {
	width: 60%;
	max-width: 383px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box7 > .sh-PR {
	padding-bottom: 10px;
}

.sh-active-box8 {
	width: 70%;
	max-width: 454px;
	margin-left: auto;
	margin-right: auto;
}

.sh-active-tl-item__inner09 .sh-active-tl-image {
	box-sizing: border-box;
	max-width: 570px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box9 {
	box-sizing: border-box;
	width: 80%;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 30.181818%;
}
.sh-active-box9 > div {
	max-width: 384px;
}
.sh-active-box9 > p {
	position: absolute;
	width: 47.2727273%;
	max-width: 260px;
	right: 0;
	bottom: 0;
}

.sh-active-tl-item__inner10 .sh-active-tl-image {
	width: 90%;
	max-width: 500px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-tl-item__inner10 .sh-active-tl-image:last-child {
	margin-top: -20%;
}
.sh-active-box10-1 {
	float: left;
	width: 70%;
	max-width: 361px;
}
.sh-active-box10-1 .sh-active-caption8 {
	padding-right: 15%;
}
.sh-active-box10-2 {
	float: right;
	width: 40%;
	max-width: 239px;
}
.sh-active-box10-2 > .sh-PR {
	padding-bottom: 10px;
}

.sh-active-tl-item__inner11 .sh-active-tl-image {
	box-sizing: border-box;
	width: 90%;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box11 {
	box-sizing: border-box;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 42.4%;
	padding-bottom: 10px;
}
.sh-active-box11 > p:first-child {
	max-width: 288px;
}
.sh-active-box11 > p:nth-child(2) {
	position: absolute;
	width: 50.4%;
	max-width: 252px;
	left: 0;
	top: 0;
}
.sh-active-box11 .sh-active-caption5 {
	width: 100%;
	left: 0;
	text-align: center;
}

.sh-active-tl-item__inner12 .sh-active-tl-image {
	box-sizing: border-box;
	width: 90%;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box12 {
	box-sizing: border-box;
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box12__inner {
	display: flex;
	justify-content: space-between;
}
.sh-active-box12__inner > p:first-child {
	width: 83.478261%;
	max-width: 384px;
}
.sh-active-box12__inner > p:last-child {
	width: 15.43478261%;
	max-width: 71px;
}

.sh-active-tl-item__inner13 .sh-active-tl-image {
	box-sizing: border-box;
	width: 90%;
	max-width: 525px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box13 {
	box-sizing: border-box;
	max-width: 505px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 41.5841584%;
}
.sh-active-box13 > div:first-child {
	max-width: 294px;
}
.sh-active-box13 > div:last-child {
	position: absolute;
	width: 47.5247525%;
	max-width: 240px;
	right: 0;
	top: 0;
	margin-top: 9.9%;
}
.sh-active-box13 .sh-active-caption8 {
	text-align: center;
	padding-left: 10px;
}

.sh-active-box14 {
	width: 70%;
	max-width: 451px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box14 > .sh-PR {
	padding-bottom: 30px;
}
.sh-active-box14 .sh-active-caption4 {
	width: 95.56542%;
	left: 2.2173%;
	margin-bottom: 2.202643172%;
}

.sh-active-box15-1 {
	width: 70%;
	max-width: 432px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box15-1 .sh-active-caption4 {
	background-color: rgba(220, 106, 23, 0.7);
	width: 95.486112%;
	left: 2.215%;
	margin-bottom: 2.314815%;
}
.sh-active-box15-wrapper > .sh-active-tl-image:first-child {
	box-sizing: border-box;
	width: 90%;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.sh-active-box15-2 {
	box-sizing: border-box;
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 31.29629%;
	padding-bottom: 5.5555%;
}
.sh-active-box15-2 > div {
	max-width: 371px;
	padding-bottom: 20px;
}
.sh-active-box15-2 .sh-active-caption5 {
	left: 10px;
}
.sh-active-box15-2 > p {
	position: absolute;
	width: 42.962963%;
	max-width: 232px;
	right: 0;
	bottom: 0;
}
.sh-active-box15-wrapper > .sh-active-tl-image:last-child {
	box-sizing: border-box;
	width: 90%;
	max-width: 575px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.sh-active-box15-3 {
	box-sizing: border-box;
	max-width: 555px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 39.81981%;
}
.sh-active-box15-3 > div:first-child {
	max-width: 343px;
}
.sh-active-box15-3 > div:last-child {
	position: absolute;
	width: 39.81982%;
	max-width: 221px;
	left: 0;
	top: 0;
	padding-bottom: 15px;
}

.sh-active-box17 {
	width: 70%;
	max-width: 382px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box17 > .sh-PR {
	padding-bottom: 10px;
}

.sh-active-box18 {
	width: 80%;
	max-width: 490px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box18 .sh-active-caption6 {
	margin-bottom: 2%;
}

.sh-active-box20-1 {
	width: 80%;
	max-width: 309px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box20-2 {
	width: 75%;
	max-width: 288px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.sh-active-box20-1 .sh-active-caption6 {
	padding-left: 8px;
}

.sh-active-tl-item__inner21 .sh-active-tl-image {
	box-sizing: border-box;
	width: 90%;
	max-width: 435px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box21 {
	box-sizing: border-box;
	max-width: 415px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 21.6867%;
	padding-bottom: 43.3735%;
}
.sh-active-box21 > p:first-child {
	max-width: 325px;
}
.sh-active-box21 > p:nth-child(2) {
	position: absolute;
	width: 83.855422%;
	max-width: 348px;
	left: 0;
	bottom: 0;
}
.sh-active-box21 .sh-active-caption5 {
	bottom: 0;
	left: 0;
	margin-left: 84%;
	margin-bottom: 40%;
}

.sh-active-tl-item__inner22 .sh-active-tl-image {
	width: 90%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.sh-active-box22-1 {
	width: 80%;
	max-width: 349px;
}
.sh-active-box22-1 .sh-active-caption8 {
	padding-right: 5px;
}
.sh-active-box22-2 {
	float: right;
	width: 40%;
	max-width: 221px;
}
.sh-active-box22-2 .sh-active-caption8 {
	padding-right: 5px;
}

.sh-active-box23 {
	width: 80%;
	max-width: 423px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box23 > .sh-PR {
	padding-bottom: 10px;
}
.sh-active-box23 .sh-active-caption5 {
	left: 10px;
}

.sh-active-box24 {
	width: 70%;
	max-width: 307px;
	margin-left: auto;
	margin-right: auto;
}
.sh-active-box24 > .sh-PR {
	padding-bottom: 15px;
}
.sh-active-box24 .sh-active-caption5 {
	left: 10px;
}

.sh-PR {
	position:relative;
}

@media screen and (min-width: 550px) {
	.sh-active-timeline {
        background-image: linear-gradient(to right, #a30b5e, #a30b5e 120px, transparent 121px);
        background-size: 100% 1px;
        background-repeat: repeat-y;
        padding-top: 40px;
	}
	.__umeda .sh-active-timeline {
		background-image: linear-gradient(to right, #182986, #182986 120px, transparent 121px);
	}
	.__kyoto .sh-active-timeline {
		background-image: linear-gradient(to right, #dc6a17, #dc6a17 120px, transparent 121px);
	}
	.__history .sh-active-timeline {
		background-image: linear-gradient(to right, #7d9446, #7d9446 120px, transparent 121px);
	}
	.sh-active-tl-item {
		padding-left: 121px;
	}
	.sh-active-tl-time,
	.__umeda .sh-active-tl-time,
	.__kyoto .sh-active-tl-time,
	.__history .sh-active-tl-time {
		background: none;
	}
	.sh-active-tl-notice {
		padding-left: 135px;
		padding-right: 15px;
	}
	.sh-active-tl-topic {
		margin-left: 135px;
	}
}
@media screen and (min-width: 768px) {
	.sh-active-text1 {
		line-height: 1.6;
	}
	.sh-active-caption4 {
		font-size: 18px;
	}
	.sh-active-heading {
		display: flex;
	}
	.sh-active-heading > div {
		box-sizing: border-box;
		width: 50%;
	}
	.sh-active-heading-text {
		padding: 25px 30px 10px 30px;
	}

	.sh-active-heading-image {
		overflow: hidden;
	}
	.sh-active-heading-image > img {
		position: absolute;
		width: auto;
		max-width: 640px;
		height: 100%;
		min-height: 200px;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.sh-active-timeline {
		background-image: linear-gradient(to right, #a30b5e, #a30b5e 170px, transparent 171px);
	}
	.__umeda .sh-active-timeline {
		background-image: linear-gradient(to right, #182986, #182986 170px, transparent 171px);
	}
	.__kyoto .sh-active-timeline {
		background-image: linear-gradient(to right, #dc6a17, #dc6a17 170px, transparent 171px);
	}
	.__history .sh-active-timeline {
		background-image: linear-gradient(to right, #7d9446, #7d9446 170px, transparent 171px);
	}
	.sh-active-tl-item {
		padding-left: 171px;
	}
	.sh-active-tl-time {
		padding-left: 30px;
		width: 170px;
	}
	.sh-active-tl-time::after {
		width: 145px;
		left: 25px;
	}
	.sh-active-tl-time span {
		font-size: 36px;
	}
	.sh-active-tl-text {
		padding: 60px 30px 20px 30px;
	}
	.sh-active-tl-notice {
		padding-left: 200px;
	}
	.sh-active-tl-topic {
		margin-left: 200px;
		padding: 25px 30px;
	}


	.sh-active-box2 {
		width: 100%;
		max-width: 604px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		z-index: 2;
	}
	.sh-active-box2 > div:first-child {
		float: left;
		width: 52.98013245%;
		max-width: 320px;
	}
	.sh-active-box2 > div:last-child {
		float: right;
		width: 47.01986754%;
		max-width: 284px;
		margin-top: 4.96%;
	}

	.sh-active-box14 > .sh-PR {
		padding-bottom: 0;
	}

}
@media screen and (min-width: 1000px) {
	.sh-active-title1 {
		font-size: 26px;
	}
	.sh-active-title2 {
		font-size: 30px;
	}


	.sh-active-tl-item::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.sh-active-tl-item__inner {
		position: relative;
		padding-right: 30px;
		padding-left: 29px;
		min-height: 220px;
	}
	.sh-active-tl-item__inner::before {
		position: absolute;
		display: block;
		content: '';
		width: 100%;
		height: 220px;
		left: 0;
		top: 0;
		background-image: linear-gradient(-45deg, transparent 25%, #faf1f6 25%, #faf1f6 50%, transparent 50%, transparent 75%, #faf1f6 75%, #faf1f6);
		background-size: 48px 48px;
	}
	.sh-active-tl-item__inner::after {
		position: absolute;
		display: block;
		content: '';
		width: 100%;
		height: 2px;
		background-color: #a30b5e;
		left: 0;
		top: 40px;
	}
	.__umeda .sh-active-tl-item__inner {
		min-height: 210px;
	}
	.__umeda .sh-active-tl-item__inner::before {
		height: 210px;
		background-image: linear-gradient(-45deg, transparent 25%, #f1f2f8 25%, #f1f2f8 50%, transparent 50%, transparent 75%, #f1f2f8 75%, #f1f2f8);
	}
	.__umeda .sh-active-tl-item__inner::after {
		background-color: #182986;
	}
	.__kyoto .sh-active-tl-item__inner {
		min-height: 210px;
	}
	.__kyoto .sh-active-tl-item__inner::before {
		height: 210px;
		background-image: linear-gradient(-45deg, transparent 25%, #fbf6f2 25%, #fbf6f2 50%, transparent 50%, transparent 75%, #fbf6f2 75%, #fbf6f2);
	}
	.__kyoto .sh-active-tl-item__inner::after {
		background-color: #dc6a17;
	}
	.__history .sh-active-tl-item__inner {
		min-height: 210px;
	}
	.__history .sh-active-tl-item__inner::before {
		height: 210px;
		background-image: linear-gradient(-45deg, transparent 25%, #e9ede5 25%, #e9ede5 50%, transparent 50%, transparent 75%, #e9ede5 75%, #e9ede5);
	}
	.__history .sh-active-tl-item__inner::after {
		background-color: #7d9446;
	}
	.sh-active-tl-text,
	.__umeda .sh-active-tl-text,
	.__kyoto .sh-active-tl-text,
	.__history .sh-active-tl-text {
		background: none;
	}
	.sh-active-tl-text::before,
	.__umeda .sh-active-tl-text::before,
	.__kyoto .sh-active-tl-text::before,
	.__history .sh-active-tl-text::before {
		display: none;
	}
	.sh-active-tl-item__inner .sh-active-tl-text {
		box-sizing: border-box;
		padding: 55px 0 20px;
	}
	.sh-active-tl-item__inner .sh-active-tl-image {
		margin-top: 0;
		padding-right: 0;
		padding-left: 0;
	}
	.sh-active-tl-item__inner01 .sh-active-tl-text {
		float: left;
		width: 47.142857%;
		max-width: 495px;
	}
	.sh-active-tl-item__inner01 .sh-active-tl-image {
		float: right;
		width: 50.4762%;
		max-width: 530px;
	}
	.sh-active-box1 {
		margin-top: -6%;
	}
	.sh-active-box1 .sh-active-caption3 {
		padding-left: 25px;
	}

	.sh-active-tl-item__inner02 .sh-active-tl-text {
		float: right;
		width: 40.95238%;
		max-width: 430px;
	}
	.sh-active-tl-item__inner02 .sh-active-tl-image {
		float: left;
		width: 57.52381%;
		max-width: 604px;
	}
	.sh-active-box2 {
		margin-top: -2.483%;
		margin-left: -1.655%;
	}

	.sh-active-tl-item__inner03 .sh-active-tl-text {
		float: left;
		width: 53.3333%;
		max-width: 560px;
	}
	.sh-active-tl-item__inner03 .sh-active-tl-image {
		float: right;
		width: 44.761905%;
		max-width: 470px;
		margin-top: 80px;
	}
	.sh-active-box3 {
		margin-right: -2.128%;
		padding-bottom: 5%;
	}
	.sh-active-box3 > div:last-child {
		width: 38.298%;
		margin-left: -2.128%;
	}
	.sh-active-box3 .sh-active-caption4 {
		padding-left: 10%;
	}

	.sh-active-tl-item__inner04 .sh-active-tl-text {
		float: right;
		width: 44.7619%;
		max-width: 470px;
	}
	.sh-active-tl-item__inner04 .sh-active-tl-image {
		float: left;
		width: 52.380953%;
		max-width: 550px;
	}
	.sh-active-box4 {
		z-index: 2;
		padding-right: 35.8181%;
		padding-bottom: 19%;
		margin-top: -3.63%;
	}
	.sh-active-box4 > div:first-child {
		max-width: 353px;
		margin-left: -1.81818%;
	}
	.sh-active-box4 > div:last-child {
		width: 45.45455%;
		padding-bottom: 5px;
	}
	.sh-active-box4 .sh-active-caption6 {
		padding-right: 5%;
	}
	.sh-active-box4 .sh-active-caption5 {
		left: 15px;
	}

	.sh-active-tl-item__inner05 .sh-active-tl-text {
		float: left;
		width: 62.857143%;
		max-width: 660px;
	}
	.sh-active-tl-item__inner05 .sh-active-tl-image {
		float: right;
		width: 34.381%;
		max-width: 361px;
	}
	.sh-active-box5 {
		width: 100%;
		z-index: 2;
	}
	.sh-active-box5 > .sh-PR {
		padding-bottom: 5px;
	}
	.sh-active-box5 .sh-active-caption5 {
		left: 10px;
	}

	.sh-active-tl-item__inner06 .sh-active-tl-text {
		float: right;
		width: 62.857143%;
		max-width: 660px;
	}
	.sh-active-tl-item__inner06 .sh-active-tl-image {
		float: left;
		width: 34.66667%;
		max-width: 364px;
	}
	.sh-active-box6 {
		width: 100%;
		z-index: 2;
		margin-top: -6.86813%;
	}
	.sh-active-box6 > .sh-PR {
		padding-bottom: 5px;
	}
	.sh-active-box6 .sh-active-caption7 {
		right: 10px;
	}

	.sh-active-tl-item__inner07 .sh-active-tl-text {
		float: left;
		width: 59.047619%;
		max-width: 620px;
	}
	.sh-active-tl-item__inner07 .sh-active-tl-image {
		float: right;
		width: 36.4761905%;
		max-width: 383px;
	}
	.sh-active-box7 {
		width: 100%;
		z-index: 2;
		margin-top: -12%;
		transform: translateX(-6%);
	}
	.sh-active-box7 > .sh-PR {
		padding-bottom: 5px;
	}
	.sh-active-box7 .sh-active-caption7 {
		right: 10px;
	}

	.__umeda .sh-active-tl-item__inner.sh-active-tl-item__inner08 {
		min-height: 180px;
	}
	.__umeda .sh-active-tl-item__inner.sh-active-tl-item__inner08::before {
		height: 180px;
	}
	.sh-active-tl-item__inner08 .sh-active-tl-text {
		float: right;
		width: 53.33333%;
		max-width: 560px;
	}
	.sh-active-tl-item__inner08 .sh-active-tl-image {
		float: left;
		width: 43.2381%;
		max-width: 454px;
	}
	.sh-active-box8 {
		width: 100%;
		z-index: 2;
		margin-top: -4.41%;
		margin-left: -2.2%;
	}

	.sh-active-tl-item__inner09 .sh-active-tl-text {
		float: left;
		width: 49.047619%;
		max-width: 515px;
	}
	.sh-active-tl-item__inner09 .sh-active-tl-image {
		float: right;
		width: 50%;
		max-width: 525px;
	}
	.sh-active-box9 {
		width: 104.762%;
		z-index: 2;
		margin-top: -7.5%;
	}
	.sh-active-box9 .sh-active-caption8 {
		padding-right: 30px;
	}

	.sh-active-tl-item__inner10 .sh-active-tl-text {
		float: right;
		width: 41.904761%;
		max-width: 440px;
		margin-right: 21.4285%;
	}
	.sh-active-tl-item__inner10 .sh-active-tl-image {
		overflow: visible;
	}
	.sh-active-tl-item__inner10 .sh-active-tl-image:nth-child(2) {
		float: left;
		width: 34.381%;
		max-width: 361px;
	}
	.sh-active-box10-1 {
		position: relative;
		float: none;
		width: 100%;
		z-index: 2;
		margin-top: -12.465%;
		margin-left: -2.77%;
	}
	.sh-active-box10-1 .sh-active-caption8 {
		padding-right: 15px;
	}
	.sh-active-tl-item__inner10 .sh-active-tl-image:last-child {
		position: absolute;
		width: 22.762%;
		max-width: 239px;
		margin-top: 0;
		right: 5px;
		top: 40px;
	}
	.sh-active-box10-2 {
		position: relative;
		float: none;
		width: 100%;
		z-index: 2;
	}
	.sh-active-box10-2 .sh-active-caption5 {
		left: 10px;
		bottom: 5px;
	}

	.sh-active-tl-item__inner11 {
		margin-bottom: 30px;
	}
	.sh-active-tl-item__inner11 .sh-active-tl-text {
		float: left;
		width: 52.857%;
		max-width: 555px;
	}
	.sh-active-tl-item__inner11 .sh-active-tl-image {
		float: right;
		width: 44.762%;
		max-width: 470px;
	}
	.sh-active-box11 {
		width: 106.383%;
		z-index: 2;
	}
	.sh-active-box11 > p:first-child img {
		transform: translateX(12px);
	}

	.sh-active-tl-item__inner12 .sh-active-tl-text {
		float: right;
		width: 54%;
		max-width: 567px;
	}
	.sh-active-tl-item__inner12 .sh-active-tl-image {
		float: left;
		width: 43.801%;
		max-width: 460px;
	}
	.sh-active-box12 {
		position: relative;
		z-index: 2;
		margin-top: -7%;
		margin-left: -2.17%;
	}

	.sh-active-tl-item__inner13 .sh-active-tl-text {
		float: left;
		width: 51.9%;
		max-width: 545px;
	}
	.sh-active-tl-item__inner13 .sh-active-tl-image {
		float: right;
		width: 46.66667%;
		max-width: 490px;
	}
	.sh-active-box13 {
		width: 103.062%;
		z-index: 2;
		margin-top: 5px;
		transform: translateX(5px);
	}

	.sh-active-tl-item__inner14 .sh-active-tl-text {
		float: left;
		/*width: 56.19047%;
		max-width: 590px;*/
	}
	.sh-active-tl-item__inner14 .sh-active-tl-image {
		float: right;
		width: 42.952381%;
		max-width: 451px;
	}
	.sh-active-box14 {
		width: 100%;
		z-index: 2;
		margin-right: -4.4346%;
	}

	.sh-active-tl-item__inner15 .sh-active-tl-text {
		float: right;
		width: 57.14285714%;
		max-width: 600px;
	}
	.sh-active-tl-item__inner15 > .sh-active-tl-image:nth-child(2) {
		float: left;
		width: 41.14286%;
		max-width: 432px;
	}
	.sh-active-box15-1 {
		width: 100%;
		z-index: 2;
		margin-top: -3.5%;
		margin-left: -2.315%;
	}
	.sh-active-box15-wrapper {
		clear: both;
	}
	.sh-active-box15-wrapper > .sh-active-tl-image:first-child {
		float: left;
		width: 48.3809524%;
		max-width: 508px;
	}
	.sh-active-box15-wrapper > .sh-active-tl-image:last-child {
		float: right;
		width: 51.4285715%;
		max-width: 540px;
	}
	.sh-active-box15-2 {
		width: 106.3%;
		z-index: 3;
	}
	.sh-active-box15-3 {
		width: 102.7778%;
		margin-right: -1.852%;
		margin-top: 5.5555%;
	}
	.sh-active-box15-2 .sh-active-caption5 {
		left: 20px;
	}
	.sh-active-box15-3 .sh-active-caption5 {
		left: 15%;
	}
	.sh-active-box15-3 .sh-active-caption8 {
		padding-right: 20px;
	}

	.__kyoto .sh-active-tl-item__inner.sh-active-tl-item__inner16 {
		min-height: 120px;
		overflow: hidden;
	}
	.sh-active-tl-item__inner16 .sh-active-tl-text .sh-active-text1 {
		display: inline-block;
	}

	.sh-active-tl-item__inner17 .sh-active-tl-text {
		float: right;
		width: 60.95238%;
		max-width: 640px;
	}
	.sh-active-tl-item__inner17 .sh-active-tl-image {
		float: left;
		width: 36.38096%;
		max-width: 382px;
	}
	.sh-active-box17 {
		width: 100%;
		z-index: 2;
	}
	.sh-active-box17 .sh-active-caption5 {
		left: 10px;
	}

	.sh-active-tl-item__inner18 .sh-active-tl-text {
		float: left;
		width: 52.381%;
		max-width: 550px;
	}
	.sh-active-tl-item__inner18 .sh-active-tl-image {
		float: right;
		width: 44.762%;
		max-width: 470px;
	}
	.sh-active-box18 {
		width: 104.26%;
		z-index: 2;
	}

	.__history .sh-active-tl-item__inner.sh-active-tl-item__inner19 {
		min-height: 120px;
		overflow: hidden;
	}
	.sh-active-tl-item__inner19 .sh-active-tl-text .sh-active-text1 {
		display: inline-block;
	}

	.sh-active-tl-item__inner20 {
		margin-bottom: 120px;
	}
	.sh-active-tl-item__inner20 .sh-active-tl-text {
		float: right;
		width: 39.04762%;
		max-width: 410px;
		margin-right: 29.5238%;
	}
	.sh-active-tl-item__inner20 .sh-active-tl-image:nth-child(2) {
		float: left;
		width: 29.4286%;
		max-width: 309px;
	}
	.sh-active-box20-1 {
		position: relative;
		width: 100%;
		z-index: 2;
		margin-top: -6.5%;
		margin-left: -3.24%;
	}
	.sh-active-tl-item__inner20 .sh-active-tl-image:last-child {
		position: absolute;
		width: 27.428572%;
		max-width: 288px;
		right: 20px;
		top: 20px;
	}
	.sh-active-box20-2 {
		position: relative;
		width: 100%;
		margin-top: 0;
		z-index: 2;
	}

	.__history .sh-active-tl-item__inner.sh-active-tl-item__inner21::before {
		height: 220px;
		background-image: linear-gradient(-45deg, transparent 25%, #e9ede5 25%, #e9ede5 50%, transparent 50%, transparent 75%, #e9ede5 75%, #e9ede5);
	}
	.sh-active-tl-item__inner21 .sh-active-tl-text {
		float: left;
		width: 60%;
		max-width: 630px;
	}
	.sh-active-tl-item__inner21 .sh-active-tl-image {
		float: right;
		width: 38.09524%;
		max-width: 400px;
	}
	.sh-active-box21 {
		width: 103.75%;
		z-index: 2;
		margin-top: -10%;
	}

	.sh-active-tl-item__inner22 .sh-active-tl-text {
		float: right;
		width: 42.857143%;
		max-width: 450px;
		margin-right: 21.4285%;
	}
	.sh-active-tl-item__inner22 .sh-active-tl-image:nth-child(2) {
		float: left;
		width: 33.2381%;
		max-width: 349px;
	}
	.sh-active-box22-1 {
		position: relative;
		width: 100%;
		z-index: 2;
		margin-top: -5.73%;
		margin-left: -2.86%;
	}
	.sh-active-box22-1 .sh-active-caption8 {
		padding-right: 10px;
		margin-top: -5px;
	}
	.sh-active-tl-item__inner22 .sh-active-tl-image:last-child {
		position: absolute;
		width: 21.04762%;
		max-width: 221px;
		right: 20px;
		top: 10px;
	}
	.sh-active-box22-2 {
		float: none;
		position: relative;
		width: 100%;
		z-index: 2;
	}
	.sh-active-box22-2 .sh-active-caption8 {
		padding-right: 10px;
		margin-top: -5px;
	}

	.sh-active-tl-item__inner23 .sh-active-tl-text {
		float: left;
		width: 59.047619%;
		max-width: 620px;
	}
	.sh-active-tl-item__inner23 .sh-active-tl-image {
		float: right;
		width: 40.285715%;
		max-width: 423px;
	}
	.sh-active-box23 {
		width: 100%;
		z-index: 2;
		margin-top: -8%;
	}
	.sh-active-box23 > .sh-PR {
		padding-bottom: 5px;
	}
	.sh-active-box23 .sh-active-caption5 {
		left: 15px;
	}

	.sh-active-tl-item__inner24 .sh-active-tl-text {
		float: right;
		width: 69.04762%;
		max-width: 725px;
	}
	.sh-active-tl-item__inner24 .sh-active-tl-image {
		float: left;
		width: 29.2381%;
		max-width: 307px;
	}
	.sh-active-box24 {
		width: 100%;
		z-index: 2;
		margin-top: -9%;
		margin-left: -3.257%;
	}
	.sh-active-box24 .sh-active-caption5 {
		left: 15px;
	}
}
@media screen and (min-width: 1280px) {
	.sh-active-timeline-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width: 1280px) {
	.hide-tablet {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.sh-gradient-wrapper {
		padding-bottom: 0;
	}
}



/*-----------------------------------------------
	tab
------------------------------------------------*/

#tab1, #tab2, #tab3, #tab4 {
	display: none;
}
.sh-TabList {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sh-TabContent > li {
	display: none;
}
.sh-TabList > label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 23.828125%;
	max-width: 305px;
	height: 3.2143em;
	text-align: center;
	font-size: 26px;
	line-height: 1.35;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	color: #717071;
	background-color: #f1dbe7;
	cursor: pointer;
}
.sh-TabList > label:hover {
	text-decoration: none;
	color: #fff;
	background-color: #a30b5e;
}
#tab1:checked ~ .sh-TabList > label:first-child {
	background-color: #a30b5e;
	color: #fff;
	cursor: default;
}
#tab1:checked ~ .sh-TabContent > li:first-child {
	display: block;
}
.sh-TabList > label:nth-child(2) {
	background-color: #b9beda;
}
.sh-TabList > label:nth-child(2):hover {
	background-color: #182986;
}
#tab2:checked ~ .sh-TabList > label:nth-child(2) {
	background-color: #182986;
	color: #fff;
	cursor: default;
}
#tab2:checked ~ .sh-TabContent > li:nth-child(2) {
	display: block;
}
.sh-TabList > label:nth-child(3) {
	background-color: #f8e1d1;
}
.sh-TabList > label:nth-child(3):hover {
	background-color: #dc6a17;
}
#tab3:checked ~ .sh-TabList > label:nth-child(3) {
	background-color: #dc6a17;
	color: #fff;
	cursor: default;
}
#tab3:checked ~ .sh-TabContent > li:nth-child(3) {
	display: block;
}
.sh-TabList > label:nth-child(4) {
	background-color: #e5e9da;
}
.sh-TabList > label:nth-child(4):hover {
	background-color: #7d9446;
}
#tab4:checked ~ .sh-TabList > label:nth-child(4) {
	background-color: #7d9446;
	color: #fff;
	cursor: default;
}
#tab4:checked ~ .sh-TabContent > li:nth-child(4) {
	display: block;
}

.sh-TabList__bottom {
	width: 85.9375%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.sh-TabList__bottom > label {
	font-size: 22px;
}

@media screen and (max-width: 1280px) {
	.sh-TabList > label {
		font-size: 2vw;
	}
	.sh-TabList__bottom > label {
		font-size: 1.7vw;
	}
}

@media screen and (max-width: 767px) {
	.sh-TabList {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.sh-TabList > label {
		box-sizing: border-box;
		width: calc(50% - 15px);
		font-size: 20px;
		margin-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.sh-TabList__bottom {
		width: 100%;
	}
	.sh-TabList__bottom > label {
		font-size: 20px;
	}
}