body {
	background: #fafafa;
}
.mv {
	display: flex;
	justify-content: center;
    align-items: center;
	width: 100%;
	background: url(../img/history/mv.jpg) no-repeat top center / cover;
	aspect-ratio: 140 / 31;
}
.mv_text {
	text-align: center;
	/*width: 43.357%;*/
	padding-top: 10.5714%;
	padding-bottom: 2.85%;
}
.mv_text img {
	width: 100%;
	height: auto;
}
@media (max-width: 768px) {
	.mv {
		/*background: url(../img/top/mv_small.jpg) no-repeat top center / cover;*/
		aspect-ratio: auto;
	}
	.mv_text {
		width: 74.455%;
		padding: calc(70px + 5.333%) 0 6.133%;
	}
}

.history {
	background: #fafafa;
}
.history_banner_img {
	width: 94.318%;
	margin: 62px auto 0;
}
.history.top {
	margin-top: 45px;
}
.history_list {
	border-left: 9px solid;
	border-image: linear-gradient(rgba(250,250,250,.7), rgba(0,0,0,.7)) 1;
	margin-left: 4.545%;
}
.history_list.mini {
	border-image: linear-gradient(#7f4700, #000b1f) 1;
	margin-left: 11.136%;
}
.history_item {
	display: flex;
	padding-top: 28px;
	padding-left: 46px;
	position: relative;
}
.history_item.pb20 {
	padding-bottom: 20px;
}
.history.top .mini .history_item:last-child {
	padding-bottom: 6px;
}
.history.second .history_item:last-child {
	padding-bottom: 62px;
}
.history_item::before {
	content: "";
	width: 5px;
	height: 5px;
	background: #fff;
	border: 1px solid #8c6239;
	position: absolute;
	left: -5px;
	top: 46px;
	border-radius: 100%;
}
.history_item::after {
	content: "";
	width: 43px;
	height: 1px;
	background: #8c6239;
	position: absolute;
	left: 0;
	top: 48px;
}
.history_item_year {
	color: #8c6239;
	font-size: 26px;
	font-weight: bold;
}
.history_item_textbox {
	width: 37%;
	margin-left: 2.1428%;
}
.mini .history_item_textbox {
	width: 39.636%;
}
.history_item_title {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.266;
	margin-bottom: 8px;
}
.history_item_text {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.666;
}
.history_item_img {
	width: 20.833%;
	margin-left: 7.38%;
}
.mini .history_item_img {
	width: 22.886%;
	margin-left: 1.1363%;
}
.history_item_img figcaption {
	font-size: 9px;
	font-weight: bold;
	text-align: right;
}
.history.long {
	background: url(../img/history/bg_long.jpg) no-repeat top center / cover;
	padding-bottom: 22px;
}
.history.long .history_list {
	border-left: 9px solid rgba(0,0,0,.7);
	border-image: none;
}
.history.long .history_item {
	display: flex;
	align-items: center;
}
.history.long .history_item::before,
.history.long .history_item::after {
	display: none;
}
.history.long .history_item .textbox {
	width: 53.57%;
}
.history.long .history_item_year {
	color: #fff;
	margin-bottom: 18px;
}
.history_long_text {
	color: #fff;
	font-size: 16px;
	line-height: 1.75;
}
.history.long .history_item_img {
	width: 32.14%;
}
.history.long .history_item_img figcaption {
	color: #fff;
	margin-top: 18px;
}
.history.bottom .history_list {
	border-image: linear-gradient(rgba(0, 0, 0, .7), rgba(250, 250, 250, .7)) 1;
}
.history.bottom .history_item:first-child {
	padding-top: 110px;
}
.history.bottom .history_item:first-child::before {
	top: 128px;
}
.history.bottom .history_item:first-child::after {
	top: 130px;
}
.history_item_imgbox {
	display: flex;
	width: 44.0476%;
	margin-left: auto;
}
.history.bottom .history_item_img {
	width: 47.3%;
}
.history.bottom .history_item_img:first-child {
	margin-left: 0;
}
.history_item.long {
	flex-direction: column;
}
.history_item.long .history_item_year {
	width: 100%;
}
.history_item_inner {
	display: flex;
	padding-left: 62px;
}
.history.bottom .history_item_inner .history_item_textbox {
	width: 40.142%;
}
.history.bottom .history_item_inner .history_item_img.single {
	width: 22.833%;
	margin-left: 11.714%;
}
.history.bottom .history_item_img.single {
	width: 20.833%;
	margin-left: 10.714%;
}

/* 帯対応 */
/*.second .content_inner {
	width: 100%;
	max-width: none;
}
.second .history_list {
	margin-left: 0;
}*/
.second .history_item.gold,
.bottom .history_item.gold {
	padding-bottom: 16px;
	position: relative;
	z-index: 1;
}
.gold_title {
	color: rgba(255, 255, 255, .45);
	font-size: 81px;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	top: 14px;
	left: 26px;
}
.bottom .gold_title {
	font-size: 3.414vw;
	font-size: clamp(1.625rem, -0.198rem + 3.8vw, 3.125rem);
	top: 24px;
}
.second .history_item.gold .bg,
.bottom .history_item.gold .bg {
	width: 100vw;
	height: 100%;
	background-image: radial-gradient(rgba(249, 243, 229, .7), rgba(240, 204, 126, .7) 83%);
	margin: 0 calc(50% - 50vw);
	/*margin-left: 4.545%;*/
	position: absolute;
	z-index: -1;
	left: -2vw;
    top: 0;
}
.second .history_item.gold .history_item_inner,
.bottom .history_item.gold .history_item_inner {
	padding-left: 0;
}
.second .history_item.gold .history_item_year,
.second .history_item.gold .history_item_textbox {
	padding-top: 86px;
}
.bottom .history_item.gold .history_item_year,
.bottom .history_item.gold .history_item_textbox {
	padding-top: 6vw;
}
.second .history_item.gold .history_item_title,
.bottom .history_item.gold .history_item_title {
	color: #8c6239;
}
.second .history_item.gold::before,
.bottom .history_item.gold::before {
	top: 132px;
}
.second .history_item.gold::after,
.bottom .history_item.gold::after {
	top: 134px;
}
@media (min-width: 1400px) {
	.bottom .history_item.gold .history_item_year,
	.bottom .history_item.gold .history_item_textbox {
		padding-top: 84px;
	}
}
@media (max-width: 768px) {
	.history_list.mini {
		border-image: linear-gradient(rgba(78, 48, 12, .7), rgba(42, 31, 145, .7), rgba(0, 11, 31, .7)) 1;
		margin-left: 4.545%;
	}
	.mini .history_item_textbox {
		width: 100%;
	}
	.second .history_list {
		border-image: linear-gradient(rgba(51, 51, 51, .2), rgba(51, 51, 51, 1)) 1;
		margin-left: 4.545%;
	}
	.history_item {
		display: block;
	}
	.history_item::before {
		top: 48px;
	}
	.history_item::after {
		top: 50px;
	}
	.history_item_year {
		font-size: 29px;
		margin-bottom: 14px;
	}
	.history_item_textbox,
	.history_item_img,
	.mini .history_item_img {
		width: 100%;
		margin-left: -33px;
	}
	.history_item_title {
		font-size: 17px;
		margin-bottom: 13px;
	}
	.history_item_text {
		font-size: 13px;
		line-height: 1.5384;
		margin-bottom: 8px;
	}
	.history_item_img figcaption {
		font-size: 8px;
	}
	.history.top .history_item:last-child {
		padding-bottom: 18px;
	}
	.history.long {
		background-image: url(../img/history/bg_long_small.jpg);
		aspect-ratio: 75 / 109;
	}
	.history.long .history_item {
		padding: 42px 0 0 8px;
	}
	.history.long .history_item .textbox {
		width: 100%;
	}
	.history.long .history_item_year {
		margin-bottom: 48px;
	}
	.history_long_text {
		font-size: 13px;
		line-height: 2.077;
	}
	.history.long .history_item_img {
		display: none;
	}
	.history.bottom .history_item:first-child {
		padding-top: 44px;
	}
	.history.bottom .history_item:first-child::before {
		top: 66px;
	}
	.history.bottom .history_item:first-child::after {
		top: 68px;
	}
	.history_item_imgbox {
		display: block;
		width: 100%;
		margin-left: -33px;
	}
	.history.bottom .history_list {
		border-image: linear-gradient(rgba(51, 51, 51, 1)  60%, rgba(51, 51, 51, .2)) 1;
	}
	.history.bottom .history_item_img {
		width: 100%;
		margin-left: 0;
	}
	.history.bottom .history_item_img:first-child {
		width: 100%;
	}
	.history_item_inner {
		display: block;
		padding: 0;
	}
	.history.bottom .history_item_inner .history_item_textbox,
	.history.bottom .history_item_inner .history_item_img.single,
	.history.bottom .history_item_img.single {
		width: 100%;
	}
	.history.bottom .history_item_inner .history_item_img.single,
	.history.bottom .history_item_img.single {
		margin-left: -33px;
	}

	.gold_title,
	.bottom .gold_title {
		font-size: 12.133vw;
		left: auto;
		right: 0;
	}
	.bottom .gold_title {
		font-size: 13.466vw;
	}
	.bottom .gold_title span {
		display: block;
		font-size: 6.133vw;
	}
	.second .history_item.gold .history_item_year,
	.second .history_item.gold .history_item_textbox,
	.bottom .history_item.gold .history_item_year,
	.bottom .history_item.gold .history_item_textbox {
		padding-top: 0;
	}
	.second .history_item.gold::before,
	.bottom .history_item.gold::before {
		top: 48px;
	}
	.second .history_item.gold::after,
	.bottom .history_item.gold::after {
		top: 50px;
	}
}


.history_text::before,
.history_text::after {
	display: none;
}
.history_text_img {
	/*width: 76.904%;
	padding: 84px 0 132px;*/
	width: 100%;
	padding: 42px 0 66px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.history_text {
		padding: 0;
	}
	.history_text_img {
		/*width: 51.066%;*/
		width: 80.66%;
		padding: 20px 0 0;
	}
	.history_text_bottom {
		width: 88.533%;
		margin: 20px auto;
	}
}