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

/*--- 共通 ---*/
main {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体","Yu Gothic", YuGothic,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
span.caution {
	font-size: 12px;
	color: #fff;
	position: absolute;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8),0px 0px 12px rgba(0, 0, 0, 0.8),0px 0px 14px rgba(0, 0, 0, 0.8);
}


/*--- メインビジュアル ---*/
.mv {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.mv h1 {
	width: 150px;
	position: absolute;
	left: 55px;
	top: 48px;
	z-index: 10;
}
.mv .slide {
	position: absolute;
	left: 0;
	top: 0;
}
.mv #slide_base,
.mv #slide01,
.mv #slide02,
.mv #slide03,
.mv #slide04,
.mv #slide05,
.mv #slide06 {
	width: 100vw;
	height: 100%;
}
.mv #slide_base {
	position: relative;
	z-index: 1;
}
.mv #slide01 {
	z-index: 7;
}
.mv #slide02_box {
	width: 0;
	height: 100%;
	overflow: hidden;
}
.mv #slide02 {
	background-image: url("../images/slide_wave_pc.png");
	width: 100vw;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: right bottom;
	z-index: 2;
}
.mv #slide03 {
	z-index: 3;
}
.mv #slide04 {
	z-index: 4;
}
.mv #slide05 {
	z-index: 5;
}
.mv #slide06 {
	z-index: 6;
}
.mv #slide06 .caution {
	z-index: 6;
	left: 30px;
	bottom: 10px;
}

/*--- メインビジュアルアニメーション ---*/
.mv #slide01 {
	opacity: 0;
	transform: translate(-2%,1%);
	transition-property: opacity,transform;
	transition-duration:.4s;
	transition-timing-function:ease-in-out;
}
.mv #slide01.act {
	opacity: 1;
	transform: translate(0%,0)
}
.mv #slide02_box {
	width: 0vw;
	transition-property: width;
	transition-duration:.5s;
	transition-timing-function:ease-in-out;
}
.mv #slide02_box.act {
	width: 100vw;
}
.mv #slide03,
.mv #slide04,
.mv #slide05,
.mv #slide06 {
	opacity: 0;
	transition-property: opacity;
	transition-duration:.6s;
	transition-timing-function:ease-in-out;
}
.mv #slide06 {
	transition-duration:1.0s;
}
.mv #slide03.act,
.mv #slide04.act,
.mv #slide05.act,
.mv #slide06.act {
	opacity: 1;
}




/*--- スポーツパーク ---*/
#park {
	padding-top: 215px;
	overflow: hidden;
}
#park .head_box {
	font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-bottom: 54px;
}
#park .head_box .txt01 {
	font-size: 24px;
	text-align: center;
}
#park .head_box .txt01 .no {
	font-size: 60px;
	font-weight: bold;
}
#park .head_box hr {
	display: block;
	width: 100px;
	height: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	background-color: #F22335;
	border: none;
}
#park .head_box h2 {
	display: block;
	font-size: 60px;
	line-height: 1.5em;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.05em;
	margin-top: 0.5em;
}
#park .head_box .title_txt {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: 5px;
}
#park #park_photo01 .right_block {
	width: 92.9%;
	margin-left: auto;
}
#park #park_photo01 .pho_box01 {
	height: 600px;
	margin-right: calc(52% - 50vw);
	background-image: url("../images/park_bg02_pc.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-bottom-left-radius: 300px;
	border-top-left-radius: 300px;
	position: relative;
}
#park #park_photo01 .pho_box01 .txt01 {
	width: 834px;
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 32px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (max-width: 1220px) {
	#park #park_photo01 .pho_box01 .txt01 {
		width: 70%;
	}
}
#park #park_photo02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#park #park_photo02 .left_block {
	width: 55.7%;
}
#park #park_photo02 .left_block .pho_box01 {
	height: 500px;
	margin-left: calc(89% - 50vw);
	background-image: url("../images/park_bg03_pc.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-bottom-right-radius: 250px;
	border-top-right-radius: 250px;
	position: relative;
}
#park #park_photo02 .left_block .pho_box01 .caution {
	left: 30px;
	bottom: 5px;
}
#park #park_photo02 .right_block {
	width: 39.3%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
#park #park_photo02 .right_block::before {
	content: "";
	position: absolute;
	width: 886px;
	height: 640px;
	background-image: url("../images/park_bg01_pc.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	top: -135px;
	right: -110px;
	z-index: 1;
}
#park #park_photo02 .right_block .txt01 {
	font-size: 20px;
	line-height: 2em;
	position: relative;
	z-index: 2;
}
#park #park_photo03 {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#park #park_photo03 .left_block {
	width: 58.9%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#park #park_photo03 .left_block .txt01 {
	font-size: 20px;
	line-height: 2em;
}
#park #park_photo03 .right_block {
	width: 38.7%;
}
#park #park_photo03 .right_block .pho_box01 {
	height: 360px;
	margin-right: calc(125% - 50vw);
	background-image: url("../images/park_bg04_pc.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-bottom-left-radius: 180px;
	border-top-left-radius: 180px;
	position: relative;
}
#park #park_photo03 .right_block .pho_box01 .caution {
	right: 30px;
	bottom: 5px;
}
#park #park_photo04 {
	margin-top: 90px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#park #park_photo04 .left_block {
	width: 54.5%;
}
#park #park_photo04 .left_block .pho01 {
	margin-top: -4.2%;
	position: relative;
}
#park #park_photo04 .left_block .pho01 .caution {
	left: 30%;
	bottom: 5px;
}
#park #park_photo04 .right_block {
	width: 41.5%;
}
#park #park_photo04 .right_block li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 18px;
	line-height: 2em;
}
#park #park_photo04 .right_block li + li {
	margin-top: 0.3em;
}
#park #park_photo04 .right_block li .marker {
	width: 1.5em;
	height: 1.5em;
	display: inline-block;
	line-height: 1.0em;
	border-radius: 50%;
	background-color: #000;
	color: #fff;
	text-align: center;
	padding-top: 0.15em;
}
#park #park_photo04 .right_block li .txt01 {
	width: calc( 100% - 2.0em );
	margin-top: -0.3em;
}
#park #park_photo04 .bnr01 {
	max-width: 500px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
}
#park #park_photo04 .bnr01 img {
	display: block;
	border: 3px solid #fff;
	border-radius: 40px;
	box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.3);
}
#park #park_photo04 .copy {
	width: 100%;
	font-size: 12px;
	text-align: center;
	margin-top: 56px;
	letter-spacing: 0.1em;
}



/*--- カウントダウン ---*/
.count_down {
	background-image: url("../images/count_down_bg01_pc.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-top: 125px;
	position: relative;
}
.count_down .wrap01 {
	height: 660px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.count_down p {
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.count_down .txt_box01 {
	width: 100%;
}
.count_down .txt01 {
	width: 474px;
	margin-right: 56px;
	margin-left: auto;
}
.count_down .txt03 {
	width: 546px;
	margin-right: 0;
	margin-left: auto;
	font-size: 200px;
	text-align: center;
	line-height: 1em;
	height: 1em;
	margin-top: -0.1em;
	padding-left: 0.0em;
	text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.4);
}
.count_down .txt03 .s-txt01 {
	font-size: 48px;
	letter-spacing: 0;
	position: relative;
	top: -0.34em;
	margin-right: 0.1em;
}
.count_down .txt03 .s-txt01::before {
	content: "";
	display: block;
	width: 90px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,850%)
}
.count_down .txt03 #countdown {
	font-family: 'Oswald', 'DIN2014', sans-serif;
	letter-spacing: 0.02em;
}
.count_down .txt03 .s-txt02 {
	font-size: 80px;
	position: relative;
	top: -0.08em;
}
.count_down .photo_txt01 {
	position: absolute;
	width: 73px;
	right: 30px;
	bottom: 8px;
}




/*--- HISTORY ---*/
#history {
	background-image: url("../images/bg_red_pc.png");
	background-repeat: no-repeat;
	background-size: 1400px auto;
	background-position: center top;
	overflow: hidden;
}
#history .bg {
	background-image: url("../images/history_bg01_pc.svg");
	background-repeat: no-repeat;
	background-size: 1404px auto;
	background-position: center top;
}
#history .wrap04 {
	padding-top: 220px;
	padding-bottom: 140px;
}
#history .head_box {
	font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-bottom: 100px;
}
#history .head_box .txt01 {
	font-size: 24px;
	text-align: center;
}
#history .head_box hr {
	display: block;
	width: 100px;
	height: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	background-color: #000;
	border: none;
}
#history .head_box h2 {
	display: block;
	font-size: 52px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-weight: normal;
	text-align: center;
	margin-top: 0.5em;
	letter-spacing: 0.05em;
}
#history .history_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#history .history_box + .history_box {
	margin-top: 100px;
}
#history .history_box .pho_box {
	position: relative;
	width: 54.4%;
}
#history .history_box .pho_box p {
	position: absolute;
	top: 0;
}
#history .history_box .txt_box {
	width: 45.6%;
}
#history .history_box .txt_box .txt_block01 {
}
#history .history_box .txt_box .txt_block01 .year {
}
#history .history_box .txt_box .txt_block01 .year img {
	display: inline-block;
	width: auto;
	height: 127px;
}
#history .history_box .txt_box .txt_block01 .year_jp {
	font-size: 24px;
	font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin: 1em 0;
}
#history .history_box .txt_box .txt_block01 hr {
	display: block;
	width: 190px;
	height: 4px;
	margin-top: 14px;
	background-color: #F22335;
	border: none;
}
#history .history_box .txt_box .txt_block02 {
	margin-top: 20px;
}
#history .history_box .txt_box .txt_block02 p {
	font-size: 20px;
	line-height: 1.8em;
}


#history .history_box.type01 .pho_box {
	order: 2;
}
#history .history_box.type01 .pho_box p {
	left: 0;
}
#history .history_box.type01 .txt_box {
	order: 1;
}
#history .history_box.type01 .txt_box .txt_block01 .year,
#history .history_box.type01 .txt_box .txt_block01 .year_jp,
#history .history_box.type01 .txt_box .txt_block02 p {
	padding-right: 50px;
	text-align: right;
}
#history .history_box.type01 .txt_box .txt_block01 hr {
	margin-left: auto;
}

#history .history_box.type02 .pho_box {
}
#history .history_box.type02 .pho_box p {
	right: 0;
}
#history .history_box.type02 .txt_box {
}
#history .history_box.type02 .txt_box .txt_block01 .year,
#history .history_box.type02 .txt_box .txt_block01 .year_jp,
#history .history_box.type02 .txt_box .txt_block02 p {
	padding-left: 50px;
	text-align: left;
}
#history .history_box.type02 .txt_box .txt_block01 hr {
	margin-right: auto;
}

#history .history_box.type03 {
	display: block;
}
#history .history_box.type03 .txt_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
#history .history_box.type03 .txt_box .txt_block01 {
	width: 45.3%;
}
#history .history_box.type03 .txt_box .txt_block01 .year,
#history .history_box.type03 .txt_box .txt_block01 .year_jp {
	padding-right: 50px;
	text-align: right;
}
#history .history_box.type03 .txt_box .txt_block01 hr {
	margin-left: auto;
	margin-right: 50px;
}
#history .history_box.type03 .txt_box .txt_block02 {
	width: 54.7%;
}
#history .history_box.type03 .txt_box .txt_block02 p {
}

#history .history_box.year2015 .pho_box p {
	width: 100%;
}
#history .history_box.year2016 .pho_box p {
	width: 125.3%;
}
#history .history_box.year2017 .pho_box p {
	width: 125%;
}
#history .history_box.year2018 .pho_box p {
	width: 103.7%;
}
#history .history_box.year2020 .pho_box p {
	width: 125.3%;
}
#history .history_box.year2021 .pho_box p {
	width: 83.1%;
}
#history .history_box.year2022 {
	margin-top: 202px;
}
#history .history_box.year2022 .pho_box p {
	width: 100%;
	top: -60px;
}



@media screen and (max-width: 768px) {
	/*--- 共通 ---*/
	body {
	}
	.wrap01,
	.wrap02,
	.wrap03,
	.wrap04,
	.wrap05,
	.wrap06,
	.wrap07 {
		max-width: none;
		width: 86.7%;
	}
	.wrap01 {
	}
	.wrap03 {
	}
	.wrap04 {
	}
	.wrap05 {
	}
	.wrap06 {
	}
	.wrap07 {
	}

	span.caution {
		font-size: 2.7vw;
	}

	/*--- メインビジュアル ---*/
	.mv h1 {
		width: 20vw;
		left: 4.8vw;
		top: 5.1vw;
	}
	.mv #slide02 {
		background-image: url("../images/slide_wave_sp.png");
	}

	/*--- メインビジュアルアニメーション ---*/
	.mv #slide01 {
		transform: translate(0%,3%);
	}




	/*--- カウントダウン ---*/
	#park {
		margin-top: 0vw;
		background: none;
		background-size: 100% auto;
		padding-top: 17.6vw;
		position: relative;
	}
	#park .head_box {
		position: relative;
		z-index: 1;
		margin-bottom: 4.1vw;
	}
	#park .head_box .txt01 {
		font-size: 3.2vw;
	}
	#park .head_box .txt01 .no {
		font-size: 8vw;
	}
	#park .head_box hr {
		width: 13.3vw;
		height: 0.5vw;
		margin-top: 0.8vw;
	}
	#park .head_box h2 {
		font-size: 8vw;
		line-height: 1.2em;
		margin-top: 0.5em;
	}
	#park .head_box .title_txt {
		font-size: 4.3vw;
		margin-top: 1.5vw;
	}
	#park #park_photo01 {
		width: 100%;
	}
	#park #park_photo01 .txt01 {
		font-size: 4.3vw;
		font-weight: 500;
		line-height: 1.8em;
		text-align: center;
		font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		position: relative;
		z-index: 1;
	}
	#park #park_photo01 .right_block {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10.6vw;
	}
	#park #park_photo01 .pho_box01 {
		width: 100%;
		height: 53.3vw;
		margin-left: auto;
		margin-right: auto;
		background-image: url("../images/park_bg02_sp.png");
		background-size: auto 100%;
		background-position: right center;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}
	#park #park_photo02 {
		width: 100%;
	}
	#park #park_photo02 .left_block {
		order: 2;
		width: 100%;
	}
	#park #park_photo02 .left_block .pho_box01 {
		width: 100%;
		height: 45.3vw;
		margin-left: auto;
		margin-right: auto;
		background-image: url("../images/park_bg03_sp.png");
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: left center;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}
	#park #park_photo02 .left_block .pho_box01 .caution {
		left: 5.3vw;
		bottom: 0.5vw;
	}
	#park #park_photo02 .right_block {
		width: 100%;
		display: block;
		margin-bottom: 15vw;
		order: 1;
	}
	#park #park_photo02 .right_block::before {
		width:89.3vw;
		height: 72.3vw;
		background-image: url("../images/park_bg01_sp.svg");
		background-position: left top;
		top: 9.1vw;
		left: 0.5vw;
		right: auto;
	}
	#park #park_photo02 .right_block .txt01 {
		font-size: 3.5vw;
		text-align: center;
		line-height: 2.1em;
	}
	#park #park_photo03 {
		width: 100%;
		margin-top: 3vw;
	}
	#park #park_photo03 .left_block {
		order: 2;
		width: 100%;
		display: block;
		margin-top: 10.4vw;
	}
	#park #park_photo03 .left_block .txt01 {
		font-size: 3.5vw;
		line-height: 2.1em;
		text-align: center;
	}
	#park #park_photo03 .right_block {
		order: 1;
		width: 100%;
	}
	#park #park_photo03 .right_block .pho_box01 {
		width: 100%;
		height: 45.3vw;
		margin-left: auto;
		margin-right: auto;
		background-image: url("../images/park_bg04_sp.png");
		background-size: auto 100%;
		background-position: right center;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}
	#park #park_photo03 .right_block .pho_box01 .caution {
		right: 5.3vw;
		bottom: 0.5vw;
	}
	#park #park_photo04 {
		width: 90%;
		margin-top: 10.6vw;
		display: block;
		text-align: center;
	}
	#park #park_photo04 .left_block {
		width: 100%;
	}
	#park #park_photo04 .left_block .pho01 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}
	#park #park_photo04 .left_block .pho01 .caution {
		left: 35%;
		bottom: 0.5vw;
	}
	#park #park_photo04 .right_block {
		width: 100%;
		margin-top: 8vw;
	}
	#park #park_photo04 .right_block ul {
		display: inline-block;
	}
	#park #park_photo04 .right_block li {
		width: 25em;
		font-size: 3.2vw;
	}
	#park #park_photo04 .right_block li + li {
		margin-top: 0.3em;
	}
	#park #park_photo04 .right_block li .txt01 {
		text-align: left;
	}
	#park #park_photo04 .bnr01 {
		max-width: none;
		width: 80%;
		margin-top: 11vw;
	}
	#park #park_photo04 .bnr01 img {
		border: 3px solid #fff;
		border-radius: 10vw;
	}
	#park #park_photo04 .copy {
		font-size: 2.7vw;
		margin-top: 7.7vw;
	}




	/*--- カウントダウン ---*/
	.count_down {
		background-image: url("../images/count_down_bg01_sp.jpg");
		background-size: cover;
		background-position: center bottom;
		margin-top: 21.3vw;
	}
	.count_down .wrap01 {
		height: 114.7vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.count_down p {
	}
	.count_down .txt_box01 {
		width: 100%;
	}
	.count_down .txt01 {
		width: 26.8vw;
		margin-left: auto;
		margin-right: 8.8vw;
	}
	.count_down .txt03 {
		width: 70.1vw;
		margin-left: auto;
		margin-right: -4vw;
		font-size: 25.3vw;
		text-align: center;
		margin-top: 3.1vw;
		text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.4);
	}
	.count_down .txt03 .s-txt01 {
		font-size: 5.9vw;
		top: -0.44em;
	}
	.count_down .txt03 .s-txt01::before {
		width: 10.7vw;
		height: 0.5vw;
		left: 50%;
		top: 50%;
		transform: translate(-50%,850%)
	}
	.count_down .txt03 #countdown {
		font-family: 'Oswald', 'DIN2014', sans-serif;
		letter-spacing: 0.02em;
	}
	.count_down .txt03 .s-txt02 {
		font-size: 9.3vw;
	}
	.count_down .photo_txt01 {
		position: absolute;
		width: 16.5vw;
		right: 4vw;
		bottom: 3vw;
	}




	/*--- HISTORY ---*/
	#history {
		background-image: url("../images/bg_red_sp.png");
		background-size: 100% auto;
	}
	#history .bg {
		background-image: url("../images/history_bg01_sp.png");
		background-size: 100% auto;
	}
	#history .wrap04 {
		width: 100%;
		padding-top: 18.7vw;
		padding-bottom: 13.1vw;
	}
	#history .head_box {
		margin-bottom: 13.3vw;
	}
	#history .head_box .txt01 {
		font-size: 3.2vw;
	}
	#history .head_box hr {
		width: 13.3vw;
		height: 0.5vw;
		margin-top: 2vw;
	}
	#history .head_box h2 {
		font-size: 6.9vw;
		line-height: 1.2em;
		letter-spacing: 0.05em;
		margin-top: 0.5em;
	}
	#history .history_box {
		display: block;
	}
	#history .history_box + .history_box {
		margin-top: 15vw;
	}
	#history .history_box .pho_box {
		width: 100%;
	}
	#history .history_box .pho_box p {
		position: relative;
	}
	#history .history_box .txt_box {
		position: relative;
		z-index: 1;
		width: 100%;
		margin-top: -7.5vw;
	}
	#history .history_box .txt_box .txt_block01 {
		text-align: center;
	}
	#history .history_box .txt_box .txt_block01 .year {
	}
	#history .history_box .txt_box .txt_block01 .year img {
		height: 16.9vw;
	}
	#history .history_box .txt_box .txt_block01 .year_jp {
		font-size: 3.2vw;
		margin: 0.7em 0 0;
	}
	#history .history_box .txt_box .txt_block01 hr {
		width: 21.3vw;
		height: 0.5vw;
		margin-top: 2vw;
	}
	#history .history_box .txt_box .txt_block02 {
		margin-top: 2vw;
	}
	#history .history_box .txt_box .txt_block02 p {
		font-size: 3.2vw;
		line-height: 1.8em;
	}


	#history .history_box.type01 .pho_box p {
		margin-left: auto;
		margin-right: 0;
	}
	#history .history_box.type01 .txt_box .txt_block01 .year,
	#history .history_box.type01 .txt_box .txt_block01 .year_jp,
	#history .history_box.type01 .txt_box .txt_block02 p {
		padding-right: 0;
		text-align: center;
	}
	#history .history_box.type01 .txt_box .txt_block01 hr {
		margin-left: auto;
		margin-right: auto;
	}

	#history .history_box.type02 .pho_box {
	}
	#history .history_box.type02 .pho_box p {
		margin-left: 0;
		margin-right: auto;
	}
	#history .history_box.type02 .txt_box {
	}
	#history .history_box.type02 .txt_box .txt_block01 .year,
	#history .history_box.type02 .txt_box .txt_block01 .year_jp,
	#history .history_box.type02 .txt_box .txt_block02 p {
		padding-left: 0;
		text-align: center;
	}
	#history .history_box.type02 .txt_box .txt_block01 hr {
		margin-left: auto;
		margin-right: auto;
	}

	#history .history_box.type03 {
		display: block;
	}
	#history .history_box.type03 .txt_box {
		width: 100%;
		display: block;
		margin-top: 0;
	}
	#history .history_box.type03 .txt_box .txt_block01 {
		width: 100%;
	}
	#history .history_box.type03 .txt_box .txt_block01 .year,
	#history .history_box.type03 .txt_box .txt_block01 .year_jp {
		padding-right: 0;
		text-align: center;
	}
	#history .history_box.type03 .txt_box .txt_block01 hr {
		margin-left: auto;
		margin-right: auto;
	}
	#history .history_box.type03 .txt_box .txt_block02 {
		width: 100%;
	}
	#history .history_box.type03 .txt_box .txt_block02 p {
		text-align: center;
	}

	#history .history_box.year2015 .pho_box p {
		width: 94.8%;
	}
	#history .history_box.year2016 .pho_box p {
		width: 100%;
	}
	#history .history_box.year2017 .pho_box p {
		width: 94.8%;
	}
	#history .history_box.year2018 .pho_box p {
		width: 94.8%;
	}
	#history .history_box.year2020 .pho_box p {
		width: 85.6%;
		margin-right: 0;
		margin-left: auto;
	}
	#history .history_box.year2021 .pho_box p {
		width: 89.9%;
		margin-left: 0;
		margin-right: auto;
	}
	#history .history_box.year2022 {
		margin-top: 15vw;
	}
	#history .history_box.year2022 .pho_box p {
		width: 89.9%;
		margin-right: 0;
		margin-left: auto;
		top: 0;
	}










}

/*---------------------------
アニメーション用CSS
-----------------------------*/
.animate,
.animate3 {
	opacity: 1;
	transition-property: opacity,transform;
	transition-duration:.8s;
	transition-timing-function:ease-in-out;
	transform: translateY(0);
}
.animate.deactive,
.animate3.deactive {
	opacity: 0;
	transition: 0s;
	transform: translateY(20px);
}