@charset "UTF-8";
/*--- history ------------------------------------------------------------------*/
/*--- フォントサイズvw設定 -----------------------------------------------------*/
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.pc {
	display: block !important;
}

@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
}

.sp {
	display: none !important;
}

@media screen and (max-width: 767px) {
	.sp {
		display: block !important;
	}
}

a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline-block;
	backface-visibility: hidden;
}

html,
body,
.container {
	overflow-x: hidden;
}

.list_fade {
	opacity: 0;
	transition-delay: .4s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.list_fadein {
	opacity: 1.0;
}

#head_mainv {
	margin: 157px auto 0;
}

@media screen and (max-width: 768px) {
	#head_mainv {
		margin: 80px auto 0;
	}
}

/*--- コンテンツ・ヘッド メインビジュアル ここから -----------------------------------------------------*/
.head_mainv_cont {
	position: relative;
	max-width: calc(986px + 8.88888888888%);
	width: 100%;
	padding: 0 4.44444444444%;
	margin: 0 auto;
}

.head_mainv_cont .head_mainv_txt_wrap {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 115px;
	left: 50%;
	transform: translateY(0%) translateX(-50%);
	-webkit-transform: translateY(0%) translateX(-50%);
}

@media screen and (max-width: 768px) {
	.head_mainv_cont .head_mainv_txt_wrap {
		position: relative;
		top: 60px;
	}
}

.head_mainv_cont .head_mainv_txt_wrap .head_mainv_title {
	font-size: 3.0rem;
	line-height: 2;
	letter-spacing: 0.8rem;
}

@media screen and (max-width: 768px) {
	.head_mainv_cont .head_mainv_txt_wrap .head_mainv_title {
		font-size: 1.6rem;
	}
}

.head_mainv_cont .head_mainv_txt_wrap .head_mainv_txt {
	font-size: 1.3rem;
	line-height: 2.76923;
	letter-spacing: 0.1rem;
}

@media screen and (max-width: 768px) {
	.head_mainv_cont .head_mainv_txt_wrap .head_mainv_txt {
		font-size: 1.0rem;
		padding: 0 8.8% 0;
	}
}

.head_mainv_cont .head_mainv_txt_wrap .head_mainv_txt01 {
	margin: 53px auto 0;
}

@media screen and (max-width: 768px) {
	.head_mainv_cont .head_mainv_txt_wrap .head_mainv_txt01 {
		margin: 43px auto 0;
	}
}

.head_mainv_cont .head_mainv_txt_wrap .head_mainv_txt02 {
	margin: 43px auto 0;
}

/*--- コンテンツ・ヘッド メインビジュアル ここまで -----------------------------------------------------*/
/*--- SEC 共通 ここから -----------------------------------------------------*/
.history_line {
	max-width: 7px;
	display: block;
	margin: 0 auto;
}

.year_cont_inr {
	max-width: calc(831px + 8.88888888888%);
	width: 100%;
	margin: 0 auto;
	display: flex;
	padding: 0 4.44444444444%;
}

@media screen and (max-width: 768px) {
	.year_cont_inr {
		padding: 0 8.8%;
		flex-direction: column !important;
		flex-flow: column !important;
	}
}

.year_txt_wrap .year_head_title {
	font-size: 14.977rem;
	font-family: 'Josefin Sans', sans-serif;
	color: #f6d1c9;
	letter-spacing: 1.6rem;
}

@media screen and (max-width: 768px) {
	.year_txt_wrap .year_head_title {
		letter-spacing: 1.5rem;
	}
}

@media screen and (max-width: 768px) {
	.year_txt_wrap .year_head_title {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		font-size: 9rem !important;
		margin: 0 0 0 0 !important;
	}
}

.year_txt_wrap .year_title {
	font-size: 2.1rem;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.4rem;
	border-bottom: dashed 1px #000000;
	display: inline-block;
	padding-bottom: 24px;
}

@media screen and (max-width: 768px) {
	.year_txt_wrap .year_title {
		max-width: 100% !important;
		margin: 0 0 0 !important;
	}
}

.year_txt_wrap .year_txt {
	font-size: 1.2rem;
	line-height: 2.5;
	letter-spacing: 0.1rem;
	margin: 21px 0 0;
}

@media screen and (max-width: 768px) {
	.year_txt_wrap .year_txt {
		max-width: 100% !important;
		margin: 21px 0 0 !important;
	}
}

@media screen and (max-width: 768px) {
	.year_img_wrap {
		max-width: 100% !important;
		margin: 41px 0 0 !important;
		min-height: 0%;
	}
}

/*--- SEC 共通 ここまで -----------------------------------------------------*/
#year_1918 {
	padding-top: 252px;
	margin: 0 auto 64px;
}

@media screen and (max-width: 768px) {
	#year_1918 {
		padding-top: 200px;
	}
}

#year_1918 .year_cont_inr {
	flex-flow: row-reverse;
}

@media screen and (max-width: 768px) {
	#year_1918 .year_cont_inr {
		flex-flow: column;
	}
}

#year_1918 .year_cont_inr .year_txt_wrap .year_head_title {
	margin: -77px 0 0 28px;
}

@media screen and (max-width: 768px) {
	#year_1918 .year_cont_inr .year_txt_wrap .year_head_title {
		margin: 0 0 0;
	}
}

#year_1918 .year_cont_inr .year_txt_wrap .year_title {
	max-width: 216px;
	width: 100%;
	margin: 0 0 0 94px;
}

#year_1918 .year_cont_inr .year_txt_wrap .year_txt {
	max-width: 216px;
	margin: 23px 0 0 94px;
}

#year_1918 .year_cont_inr .year_img_wrap {
	max-width: 461px;
}

#year_1925 {
	margin: 0 auto 64px;
}

@media screen and (max-width: 768px) {
	#year_1925 {
		margin: 64px auto 64px;
	}
}

#year_1925 .year_cont_inr .year_txt_wrap {
	position: relative;
}

#year_1925 .year_cont_inr .year_txt_wrap .year_head_title {
	margin: 0 0 0 0;
	position: absolute;
	right: -137px;
}

#year_1925 .year_cont_inr .year_txt_wrap .year_title {
	margin: 265px 42px 0 74px;
}

@media screen and (max-width: 768px) {
	#year_1925 .year_cont_inr .year_txt_wrap .year_title {
		width: 100%;
	}
}

#year_1925 .year_cont_inr .year_txt_wrap .year_txt {
	max-width: 254px;
	width: 100%;
	margin: 23px 0 0 74px;
}

#year_1925 .year_cont_inr .year_img_wrap {
	max-width: 461px;
	margin: 140px 0 0;
}

#year_1941 {
	padding-top: 127px;
	margin: 0 auto 64px;
}

@media screen and (max-width: 768px) {
	#year_1941 {
		padding-top: 0;
		margin: 50px auto 64px;
	}
}

#year_1941 .year_cont_inr {
	max-width: calc(816px + 8.88888888888%);
	flex-flow: row-reverse;
}

#year_1941 .year_cont_inr .year_txt_wrap {
	position: relative;
}

#year_1941 .year_cont_inr .year_txt_wrap .year_head_title {
	margin: -77px 0 0;
	position: absolute;
	left: -46px;
}

#year_1941 .year_cont_inr .year_txt_wrap .year_title {
	max-width: 216px;
	width: 100%;
	margin: 162px 0 0 52px;
}

#year_1941 .year_cont_inr .year_txt_wrap .year_txt {
	max-width: 216px;
	margin: 23px 0 0 52px;
}

#year_1941 .year_cont_inr .year_img_wrap {
	max-width: 532px;
	margin: 98px 0 0;
}

#year_1979 {
	padding-top: 127px;
	margin: 0 auto 0;
}

@media screen and (max-width: 768px) {
	#year_1979 {
		padding-top: 0;
		margin: 50px auto 38px;
	}
}

#year_1979 .year_cont_inr {
	max-width: calc(916px + 8.88888888888%);
	padding: 0 0 0 8.88888888888%;
}

@media screen and (max-width: 768px) {
	#year_1979 .year_cont_inr {
		padding: 0 8.88888888888% 0;
	}
}

#year_1979 .year_cont_inr .year_txt_wrap {
	position: relative;
}

#year_1979 .year_cont_inr .year_txt_wrap .year_head_title {
	margin: -77px 0 0 200px;
	position: absolute;
	left: -46px;
}

#year_1979 .year_cont_inr .year_txt_wrap .year_title {
	width: 100%;
	margin: 130px 0 0 0;
}

#year_1979 .year_cont_inr .year_txt_wrap .year_txt {
	max-width: 315px;
	margin: 23px 0 0 0;
}

#year_1979 .year_cont_inr .year_img_wrap {
	max-width: 363px;
	margin: 54px 0 0 16px;
}

@media screen and (max-width: 768px) {
	#year_1979 .year_cont_inr .year_img_wrap {
		max-width: 300px !important;
		margin: 41px auto 0 !important;
		padding: 0 12px 0 0;
	}
}

#year_1997 {
	padding-top: 188px;
	margin: 0 auto 134px;
}

@media screen and (max-width: 768px) {
	#year_1997 {
		padding-top: 0;
		margin: 50px auto 56px;
	}
}

#year_1997 .year_cont_inr {
	max-width: calc(860px + 8.88888888888%);
	flex-flow: row-reverse;
}

#year_1997 .year_cont_inr .year_txt_wrap {
	position: relative;
}

#year_1997 .year_cont_inr .year_txt_wrap .year_head_title {
	margin: -77px 0 0;
	position: absolute;
	left: -46px;
}

#year_1997 .year_cont_inr .year_txt_wrap .year_title {
	width: 100%;
	max-width: 255px;
	margin: 116px 0 0 90px;
}

#year_1997 .year_cont_inr .year_txt_wrap .year_txt {
	max-width: 255px;
	margin: 23px 0 0 90px;
}

#year_1997 .year_cont_inr .year_img_wrap {
	max-width: 518px;
	margin: 90px 0 0;
}

#year_2009 {
	padding-top: 100px;
	margin: 0 auto 64px;
}

@media screen and (max-width: 768px) {
	#year_2009 {
		padding-top: 0;
		margin: 50px auto 64px;
	}
}

#year_2009 .year_cont_inr {
	max-width: calc(916px + 8.88888888888%);
	padding: 0 0 0 8.88888888888%;
}

@media screen and (max-width: 768px) {
	#year_2009 .year_cont_inr {
		padding: 0 8.88888888888% 0;
	}
}

#year_2009 .year_cont_inr .year_txt_wrap {
	position: relative;
}

#year_2009 .year_cont_inr .year_txt_wrap .year_head_title {
	margin: -77px 0 0 200px;
	position: absolute;
	left: -46px;
}

#year_2009 .year_cont_inr .year_txt_wrap .year_title {
	max-width: 290px;
	width: 100%;
	margin: 190px 0 0 0;
}

#year_2009 .year_cont_inr .year_txt_wrap .year_txt {
	max-width: 290px;
	margin: 23px 0 0 0;
}

#year_2009 .year_cont_inr .year_img_wrap {
	max-width: 578px;
	margin: 90px 0 0 40px;
}

#year_2019 {
	padding-top: 34px;
	margin: 0 auto 64px;
}

#year_2019 .year_cont_inr {
	max-width: calc(916px + 8.88888888888%);
	padding: 0 0 0;
	display: block;
}

@media screen and (max-width: 768px) {
	#year_2019 .year_cont_inr {
		padding: 0 8.88888888888% 0;
	}
}

#year_2019 .year_cont_inr .year_txt_wrap {
	position: relative;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#year_2019 .year_cont_inr .year_txt_wrap {
		text-align: left;
	}
}

#year_2019 .year_cont_inr .year_txt_wrap .year_head_title {
	margin: 0 auto 0;
	display: block;
	position: relative;
}

#year_2019 .year_cont_inr .year_txt_wrap .year_title {
	margin: 10px auto 0;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	#year_2019 .year_cont_inr .year_txt_wrap .year_title {
		text-align: left;
		line-height: 1.6;
		width: 100%;
	}
}

#year_2019 .year_cont_inr .year_txt_wrap .year_txt {
	max-width: auto;
}

#year_2019 .year_cont_inr .year_img_wrap {
	max-width: 879px;
	margin: 28px auto 0;
}

/*# sourceMappingURL=history.css.map */