@charset "UTF-8";

/* kv */

.history-wrapper .gotop{
	position: relative;
	width: 157px;
	height: 157px;
	top: 150px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.history-wrapper .gotop img{}

.historykv {
	padding-bottom: 95px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.historykv-inner {
	text-align: center;
	padding-top: 160px;
	position: relative;
	background:url('../img/history/kvline.png') no-repeat center 390px;
	background-size: 826px;
	transition: all 1.25s ease;
	opacity: 1;
	transform: translate(0,0);
}

.historykv-inner.is-opacity {
	opacity: 0;
	transform: translate(0,10px);
}

.historykv-title {
	text-align: center;
	margin-bottom: 85px;
}

.historykv-lead {
	position: absolute;
	left: 0%;
	top: 420px;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 2.1;
	font-weight: bold;
	letter-spacing: 0.05em;
}


/* first animation */

.historykv-tree-left {
	position: absolute;
	left: 0;
	top: 0;
	transition: all .75s ease;
	transform: translate(0,0);
	width: 25vw;
	height: 100vh;
}

.historykv-tree-left.is-leftout {transform: translate(-100%,0);}

.historykv-tree-left-01{
	position: absolute;
	left: 0;
	top: 0;
	width: 15vw;
}

.historykv-tree-left-02{
	position: absolute;
	left: 0;
	top: 11vh;
	width: 22.6vw;
}

.historykv-tree-left-03{
	position: absolute;
	left: 0;
	top: 46vh;
	width: 8.6vw;
}

.historykv-tree-right {
	position: absolute;
	right: 0;
	top: 0;
	transition: all .75s ease;
	transform: translate(0,0);
	width: 25vw;
	height: 100vh;
}

.historykv-tree-right.is-rightout {transform: translate(100%,0);}

.historykv-tree-right-01 {
	position: absolute;
	right: 0;
	top: 0;
	width: 15vw;
}

.historykv-tree-right-02 {
	position: absolute;
	right: 0;
	top: 10vh;
	width: 22vw;
}

.historykv-tree-right-03 {
	position: absolute;
	right: 0;
	top: 46vh;
	width: 8vw;
}

.historykv-cloud-left {
	position: absolute;
	left: 22vw;
	top: 7.5vw;
	width: 15vw;
	transition: all .75s ease;
}

.historykv-cloud-left-01{
	position: absolute;
	left: 4.8vw;
	top: 6.1vw;
	width: 14vw;
	transition: all .75s ease;
}
.historykv-cloud-left-02{
	position: absolute;
	left: 14vw;
	top: 12.8vw;
	width: 7.2vw;
	transition: all .75s ease;
}
.historykv-cloud-left-03{
	position: absolute;
	left: 24vw;
	top: 3.2vw;
	width: 19.6vw;
	transition: all .75s ease;
}
.historykv-cloud-right-01{
	position: absolute;
	left: 60.4vw;
	top: 9.5vw;
	width: 15.2vw;
	transition: all .75s ease;
}
.historykv-cloud-right-02{
	position: absolute;
	left: 74.6vw;
	top: 14.9vw;
	width: 8.1vw;
	transition: all .75s ease;
}
.historykv-cloud-right-03{
	position: absolute;
	left: 76.3vw;
	top: 3.4vw;
	width: 15.2vw;
	transition: all .75s ease;
}

.historykv-cloud-left-01.is-opacity,
.historykv-cloud-left-02.is-opacity,
.historykv-cloud-left-03.is-opacity,
.historykv-cloud-right-01.is-opacity,
.historykv-cloud-right-02.is-opacity,
.historykv-cloud-right-03.is-opacity{
	opacity: 0;
}



.historykv-cloud-left.is-opacity{opacity: 0;}

.historykv-cloud-right{
	position: absolute;
	right: 17vw;
	top: 12.5vw;
	width: 15vw;
	transition: all .75s ease;
}

.historykv-cloud-right.is-opacity{opacity: 0;}

.historykv-bird {
	position: absolute;
	left: 26vw;
	top: 16vw;
	width: 2.4vw;
	transition: all .75s ease;
}

.historykv-bird.is-opacity {opacity: 0;}

/* keyframes */

@keyframes floatAnimation01 {
	0% {transform: translateY(0px);}
	20% {transform: translateY(-15px);}
	60% {transform: translateY(0px);}
}
@keyframes floatAnimation02 {
	0% {transform: translateY(-10px);}
	50% {transform: translateY(0px);}
	100% {transform: translateY(-10px);}
}
@keyframes floatAnimation03 {
	0% {transform: translateY(-5px);}
	25% {transform: translateY(0px);}
	50% {transform: translateY(-5px);}
	75% {transform: translateY(-10px);}
	100% {transform: translateY(-5px);}
}

.is-floating01 {animation: floatAnimation01 5.8s ease-in-out infinite;}
.is-floating02 {animation: floatAnimation01 4s 4.3s ease-in-out infinite;}
.is-floating03 {animation: floatAnimation01 3s 5.3s ease-in-out infinite;}
.is-floating04 {animation: floatAnimation02 5.8s ease-in-out infinite;}
.is-floating05 {animation: floatAnimation03 5.8s ease-in-out infinite;}

/* history content */

.history-wrapper {
	position: relative;
	overflow: hidden;
}

.history {
	padding: 0 30px;
	margin-bottom: 890px;
}

.historyinner {
	max-width: 1445px;
	margin: 0 auto;
}

.historycontent {
	overflow: hidden;
	position: relative;
	padding-top: 210px;
	padding-bottom: 215px;
	margin-bottom: 40px;
}

.historycontent::before {
	display: block;
	content: '';
	background: #4E3B30;
	width: 4px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
}

.historycontent.animation::before{
	height:0;
	transition: all 5.25s ease;
}

.historycontent.animation.on::before{height:100%;}

.historycontent-left {
	width: 37.5%;
	float: left;
}

.historycontent-right {
	width: 37.5%;
	float: right;
	padding-top: 150px;
}

.historycontent-item {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 1;
}

.historycontent-dotline {
	display: block;
	width: 100%;
	height: 20px;
	position: absolute;
}

.historycontent-dotline span{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	height: 20px;
	width: 100%;
	background: url('../img/history/dotline.png') repeat-x right center;
	background-size: auto 4px;
}

.historycontent-item.animation .historycontent-dotline span {
	transition: all .25s ease;
	width: 0;
}

.historycontent-item.animation.on .historycontent-dotline span{width:100%;}

.historycontent-left .historycontent-dotline {
	width: 35%;
	right: calc(-33.2% - 10px);
	top: 47%;
}

.historycontent-left .historycontent-dotline span{right: 0;}

.historycontent-right .historycontent-dotline {
	width: 35%;
	left: calc(-33.2% - 10px);
	top: 47%;
}

.historycontent-right .historycontent-dotline span{left: 0;}

.historycontent-dotline span::after{
	display:block;
	content:'';
	background: #4E3B30;
	width: 20px;
	height: 20px;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	border-radius: 50%;
}

.historycontent-left .historycontent-dotline span::after{right:0;}
.historycontent-right .historycontent-dotline span::after{left:0;}

.historycontent-item-inner{
	padding: 12px 40px 50px;
}

.historycontent-item.animation .historycontent-item-inner{
	transition: all .55s ease;
	opacity: 0;
	transform: translate(0,10px);
	transition-delay: 0.3s;
}

.historycontent-item.animation.on .historycontent-item-inner{
	opacity:1;
	transform: translate(0,0);
}

.historycontent-item-inner::before {
	display: block;
	content: '';
	background: #F9F5ED;
	width: 100%;
	height: calc(100% - 20px);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	z-index: -1;
}

.historycontent-item-topline-01,
.historycontent-item-topline-02 {
	width: 100%;
	height: 25px;
	background: url("../img/history/bg_topline.png") no-repeat center top;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.historycontent-item-topline-02{background-image: url("../img/history/bg_topline_02.png");}

.historycontent-item-topline-01::before,
.historycontent-item-topline-02::before {
	display: block;
	content: '';
	background: url('../img/history/bg_lefttop.png') no-repeat center center;
	background-size: 32px;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 20px;
	left: 10px;
}

.historycontent-item-topline-01::after,
.historycontent-item-topline-02::after {
	display: block;
	content: '';
	background: url('../img/history/bg_righttop.png') no-repeat center center;
	background-size: 29px;
	width: 29px;
	height: 31px;
	position: absolute;
	top: 20px;
	right: 10px;
}

.historycontent-item-topline-02::before,
.historycontent-item-topline-02::after{top:30px;}

.historycontent-item-bottomline-01,
.historycontent-item-bottomline-02 {
	width: 100%;
	height: 25px;
	background: url('../img/history/bg_bottomline.png') no-repeat center bottom;
	background-size: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.historycontent-item-bottomline-02{background-image: url("../img/history/bg_bottomline_02.png");}

.historycontent-item-bottomline-01::before,
.historycontent-item-bottomline-02::before {
	display: block;
	content: '';
	background: url('../img/history/bg_leftbottom.png') no-repeat center center;
	background-size: 35px;
	width: 35px;
	height: 37px;
	position: absolute;
	bottom: 20px;
	left: 10px;
}

.historycontent-item-bottomline-01::after,
.historycontent-item-bottomline-02::after {
	display: block;
	content: '';
	background: url('../img/history/bg_rightbottom.png') no-repeat center center;
	background-size: 32px;
	width: 32px;
	height: 38px;
	position: absolute;
	bottom: 20px;
	right: 10px;
}

.historycontent-item-title {
	display: inline-block;
	width: auto;
	height: 129px;
	margin-bottom: 10px;
}

.historycontent-item-title img {
	width: auto;
	height: 100%;
}

.historycontent-item-point {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	top: -0.5em;
}

.historycontent-item-text {
	max-width: 414px;
	margin: 5px auto 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.05em;
	text-align: left;
}

.historycontent-item-image {
	overflow: hidden;
	margin-top: 20px;
}

.historycontent-item-image + .historycontent-item-point{margin-top: 20px;}

.historycontent-item-btn {
	margin: 30px auto 0;
	text-align: center;
	padding-bottom: 15px;
}

.historycontent-item-btn a {
	display: inline-block;
	max-width: 360px;
	border-radius: 999px;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.25em;
	padding: 25px 20px;
	background: url('../img/icon_arrow_right.svg') no-repeat #4E3B30 91% center;
	color: #F9F5ED;
}

.historycontent-item-btn a:hover {
	opacity: 1;
	background: url('../img/icon_arrow_right.svg') no-repeat #675144 93% center;
}

.historycontent-item-btn + .historycontent-item-point{margin-top: 26px;}

.historycontent-subinfo-wrapper{position: relative;}

.historycontent-subinfo-wrapper.animation{
	transition: all .55s ease;
	opacity: 0;
	transform: translate(0,10px);
	transition-delay: 0.3s;
}

.historycontent-subinfo-wrapper.animation.on{
	opacity: 1;
	transform: translate(0,0);
}

.historycontent-subinfo-wrapper::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.historycontent-subinfo {
	background: url('../img/history/bg_cloud.png') no-repeat center center;
	background-size: cover;
	width: 272px;
	height: 161px;
	color: #F9F5ED;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.7;
	position: relative;
}

.historycontent-subinfo.is-l {
	width: 319px;
	height: 188px;
}


/* box margin */

.item-left-01{margin-bottom: 40px;}
.subinfo-left-01{margin-bottom: 30px;}
.subinfo-left-01 .historycontent-subinfo{
	float: right;
	right: -78px;
}
.item-left-02{margin-bottom: 40px;}
.subinfo-left-02{margin-bottom: 25px;}
.subinfo-left-02 .historycontent-subinfo{
	float: right;
	right: -50px;
}
.item-left-03{margin-bottom: 132px;}
.item-left-04{margin-bottom: 70px;}
.item-left-05{margin-bottom: 40px;}
.subinfo-left-03{margin-bottom: 30px;}
.subinfo-left-03 .historycontent-subinfo{
	float: right;
	right: -125px;
}
.item-left-06{margin-bottom: 120px;}
.item-left-07{margin-bottom: 100px;}
.item-left-08{margin-bottom: 100px;}
.item-left-09{margin-bottom: 40px;}

.item-left-02 .historycontent-dotline{top:33%;}
.item-left-04 .historycontent-dotline{top:39%;}
.item-left-05 .historycontent-dotline{top:40%;}
.item-left-08 .historycontent-dotline{top:41%;}

.item-right-01{margin-bottom: 155px;}
.item-right-01 .historycontent-subinfo{
	position: absolute;
	left: -110px;
	top: -100px;
}
.item-right-02{margin-bottom: 80px;}
.item-right-03{margin-bottom: 180px;}
.subinfo-right-02{margin-bottom: 30px;}
.subinfo-right-02 .historycontent-subinfo{
	float: left;
	left: -50px;
}
.item-right-04{margin-bottom: 380px;}
.item-right-05{margin-bottom: 187px;}
.item-right-06{margin-bottom: 30px;}
.subinfo-right-03{margin-bottom: 20px;}
.subinfo-right-03 .historycontent-subinfo{
	float: left;
	left: -100px;
}
.item-right-07{margin-bottom: 300px;}
.item-right-08{margin-bottom: 40px;}

.item-right-03 .historycontent-dotline{top:42%;}


/* current */

.historycontent-current {
	clear: both;
	position: relative;
}

.historycontent-current-image-left {
	position: absolute;
	left: 50%;
	bottom: -60px;
	margin-left: -725px;
	z-index: 5;
}

.historycontent-current-image-right {
	position: absolute;
	right: 50%;
	bottom: -60px;
	margin-right: -717px;
	z-index: 5;
}

.historycontent-item.is-2024 {
	max-width: 660px;
	margin: 0 auto;
}

.is-2024 .historycontent-item-inner{padding-bottom: 32px;}

.is-2024 .historycontent-item-text{
	text-align: center;
	max-width: 100%;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
}

.historycontent-item.animation .historycontent-current-image-left,
.historycontent-item.animation .historycontent-current-image-right{
	transition: all .55s ease;
	transition-delay: 0.5s;
	opacity: 0;
	transform: translate(0,10px);
}

.historycontent-item.animation.on .historycontent-current-image-left,
.historycontent-item.animation.on .historycontent-current-image-right{
	opacity: 1;
	transform: translate(0,0);
}

/* modal */

.historymodal-wrapper {display: none;}

.historymodal-inner {
	max-width: 1120px;
	margin: 0 auto;
	text-align: center;
	padding: 50px;
}

.historymodal-title {margin-bottom: 30px;}
.historymodal-text {margin-bottom: 40px;}

.historymodal-text p {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 1em;
	letter-spacing: 0.1em;
}

.historymodal-text p:last-child {margin-bottom: 0;}


/* pc */

@media screen and (min-width: 769px){
}


/* big pc */
@media screen and (min-width: 2000px){
}


/* small pc */
@media screen and (min-width: 769px) and (max-width: 1080px){

	.historycontent-left{width:43%;}
	.historycontent-right{width:43%;}

	.historycontent-left .historycontent-dotline {
		width: 18%;
		right: calc(-16.2% - 10px);
	}

	.historycontent-right .historycontent-dotline {
		width: 18%;
		left: calc(-16.2% - 10px);
	}

	.subinfo-left-01 .historycontent-subinfo,
	.subinfo-left-02 .historycontent-subinfo,
	.subinfo-left-03 .historycontent-subinfo{right:-30px;}

	.item-right-01 .historycontent-subinfo {
		position: absolute;
		left: -35px;
		top: -136px;
	}

	.subinfo-right-02 .historycontent-subinfo,
	.subinfo-right-03 .historycontent-subinfo,
	.subinfo-right-04 .historycontent-subinfo{left:-30px;}
}

@media screen and (min-width: 769px) and (max-width: 900px){

	.historycontent-item-inner{padding:12px 25px 60px;}
	.historycontent-item-title{height:80px;}
	.historycontent-item-point{font-size: 16px;}
	.historycontent-item-text{font-size: 12px;}

}


@media screen and (max-width: 768px){

	.article{overflow: hidden;}

	.historykv {
		padding-bottom: 44px;
		overflow: visible;
	}

	.historykv-inner {
		padding-top: 150px;
		background:url('../img/history/kvline.png') no-repeat center 250px;
		background-size: 340px;
	}

	.historykv-title {margin-bottom: 80px;}
	.historykv-title img{width:218px;}

	.historykv-lead {
		top: 254px;
		font-size: 10px;
		line-height: 2.1;
		letter-spacing: 0.05em;
	}

	.historykv-image img{
		max-width: 337px;
		width: 90vw;
	}


	/* first animation */

	.historykv-tree-left,
	.historykv-tree-right{width:40vw;}

	.historykv-tree-left-01{width: 25vw;}

	.historykv-tree-left-02{
		top: 7vh;
		width: 35vw;
	}

	.historykv-tree-left-03{
		top: 69vh;
		width: 17vw;
	}

	.historykv-tree-right-01 {width: 25vw;}

	.historykv-tree-right-02 {
		top: 7vh;
		width: 35vw;
	}

	.historykv-tree-right-03 {
		top: 69vh;
		width: 15vw;
	}

	/* .historykv-cloud-left {
		left: 12vw;
		top: 10vw;
		width: 35vw;
	}

	.historykv-cloud-right{
		right: 10vw;
		top: 20vw;
		width: 32vw;
	} */

	.historykv-cloud-left-02,
	.historykv-cloud-left-03,
	.historykv-cloud-right-02,
	.historykv-cloud-right-03{
		display: none;
	}
	.historykv-cloud-left-01 {
    position: absolute;
		left: 14.8vw;
		top: 15vw;
		width: 36vw;
		transition: all .75s ease;
	}
	.historykv-cloud-right-01 {
    position: absolute;
		left: 55vw;
		top: 26.5vw;
		width: 35vw;
    transition: all .75s ease;
	}

	.historykv-bird {
		left: 17vw;
		top: 39vw;
		width: 6vw;
	}


	/* history content */

	.history {
		padding: 0 8vw;
		margin-bottom: 400px;
	}

	.historyinner {}

	.historycontent {
		padding: 0;
		margin-bottom: 0;
		padding-top: 126px;
		overflow: visible;
	}

	.historycontent::before {display: none;}
	.historycontent-item-inner {padding: 5px 17px 28px;}

	.historycontent-dotline {
		left: 50%;
		top: -125px;
		height: 110px;
		width: 20px;
		transform: translate(-50%,0);
	}

	.historycontent-dotline span{
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url('../img/history/dotline_v.png') repeat-y center top;
		background-size: 2px auto;
	}

	.historycontent-item.animation .historycontent-dotline{
		transition: all .25s ease;
		opacity: 0;
	}

	.historycontent-item.animation.on .historycontent-dotline{opacity:1;}

	.historycontent-item.animation .historycontent-dotline span{
		width:100%;
		height: 0;
	}

	.historycontent-item.animation.on .historycontent-dotline span{height:100%;}

	.historycontent-dotline span::after{
		width: 10px;
		height: 10px;
		top:auto;
		bottom: 0;
		left: 50%;
		transform:translate(-50%,0);
	}

	.historycontent-item-inner::before {
		height: calc(100% - 20px);
	}

	.historycontent-item-topline-01,
	.historycontent-item-topline-02 {
		height: 20px;
		background: url("../img/history/bg_topline.png") no-repeat center top;
		background-size: 100%;
	}

	.historycontent-item-topline-02{background-image: url("../img/history/bg_topline_02.png");}

	.historycontent-item-topline-01::before,
	.historycontent-item-topline-02::before {
		background: url('../img/history/bg_lefttop.png') no-repeat center center;
		background-size: 19px;
		width: 19px;
		height: 19px;
		top: 10px;
		left: 9px;
	}

	.historycontent-item-topline-01::after,
	.historycontent-item-topline-02::after {
		background: url('../img/history/bg_righttop.png') no-repeat center center;
		background-size: 18px;
		width: 18px;
		height: 19px;
		top: 10px;
		right: 7px;
	}

	.historycontent-item-topline-02::before,
	.historycontent-item-topline-02::after{top:15px;}

	.historycontent-item-bottomline-01,
	.historycontent-item-bottomline-02 {
		height: 20px;
	}

	.historycontent-item-bottomline-02{background-image: url("../img/history/bg_bottomline_02.png");}

	.historycontent-item-bottomline-01::before,
	.historycontent-item-bottomline-02::before {
		background: url('../img/history/bg_leftbottom.png') no-repeat center center;
		background-size: 22px;
		width: 22px;
		height: 22px;
		bottom: 17px;
		left: 7px;
	}

	.historycontent-item-bottomline-01::after,
	.historycontent-item-bottomline-02::after {
		background: url('../img/history/bg_rightbottom.png') no-repeat center center;
		background-size: 19px;
		width: 19px;
		height: 22px;
		bottom: 18px;
		right: 7px;
	}

	.historycontent-item-title {
		height: 74px;
		margin-bottom: 6px;
	}

	.historycontent-item-point {
		font-size: 16px;
		top:-0.3em;
		line-height: 1.4;
	}

	.historycontent-item-text {
		max-width: 100%;
		margin: 0 auto 15px;
		font-size: 14px;
		line-height: 1.8;
		letter-spacing: 0.05em;
		padding: 0 8px;
	}

	.historycontent-item-image {
		margin: 10px 0 20px;
		text-align: center;
	}

	.historycontent-item-image img{width:360px;}

	.historycontent-item-image + .historycontent-item-point{margin-top: 10px;}

	.historycontent-item-btn {
		margin: 20px auto 0;
		padding-bottom: 15px;
	}

	.historycontent-item-btn a {
		font-size: 16px;
		padding: 20px 20px;
		background: url('../img/icon_arrow_right.svg') no-repeat #4E3B30 85% center;
		color: #d0dfd8;
	}

	.historycontent-item-btn a:hover {
		opacity: 1;
		background: url('../img/icon_arrow_right.svg') no-repeat #4E3B30 85% center;
	}

	.historycontent-item-btn + .historycontent-item-point{margin-top: 25px;}

	.historycontent-subinfo-wrapper {
		position: relative;
		z-index: 2;
	}

	.historycontent-subinfo {
		width: 207px;
		height: 122px;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.7;
		letter-spacing: 0.1em;
	}

	.historycontent-subinfo.is-l {
		width: 254px;
		height: 150px;
	}


	/* box margin */

	.item-01{margin-bottom: 26px;}
	.subinfo-01{margin-bottom: 30px;}
	.subinfo-01 .historycontent-subinfo{
		float: right;
		right: -24px;
	}
	.item-02{margin-bottom: 15px;}
	.subinfo-02{margin-bottom: 44px;}
	.subinfo-02 .historycontent-subinfo{
		float: left;
		left: -13px;
	}
	.item-03{margin-bottom: 135px;}
	.item-04{margin-bottom: 16px;}
	.subinfo-03{margin-bottom: 45px;}
	.subinfo-03 .historycontent-subinfo{
		float: right;
		right: -21px;
	}
	.item-05{margin-bottom: 21px;}
	.subinfo-04{margin-bottom: 36px;}
	.subinfo-04 .historycontent-subinfo{
		float: left;
		left: -18px;
	}
	.item-06{margin-bottom: 140px;}
	.item-07{margin-bottom: 140px;}
	.item-08{margin-bottom: 140px;}
	.item-09{margin-bottom: 31px;}
	.subinfo-05{margin-bottom: 51px;}
	.subinfo-05 .historycontent-subinfo{
		float: right;
		right: -24px;
	}
	.item-10{margin-bottom: 140px;}
	.item-11{margin-bottom: 140px;}
	.item-12{margin-bottom: 140px;}
	.item-13{margin-bottom: 140px;}
	.item-14{margin-bottom: 30px;}
	.subinfo-06{margin-bottom: 50px;}
	.subinfo-06 .historycontent-subinfo{
		float: left;
		left: -20px;
	}
	.item-15{margin-bottom: 140px;}
	.item-16{margin-bottom: 140px;}
	.item-17{margin-bottom: 140px;}

	.item-02 .historycontent-dotline{
		height:150px;
		top: -167px;
	}

	.item-03 .historycontent-dotline{
		height:150px;
		top: -167px;
	}

	.item-05 .historycontent-dotline{
		height:150px;
		top: -167px;
	}

	.item-06 .historycontent-dotline{
		height:150px;
		top: -167px;
	}

	.item-10 .historycontent-dotline{
		height:200px;
		top: -220px;
	}

	.item-15 .historycontent-dotline{
		height:200px;
		top: -220px;
	}


	/* current */

	.historycontent-current {
		clear: both;
		position: relative;
	}

	.historycontent-current .historycontent-item-bottomline-01::before,
	.historycontent-current .historycontent-item-bottomline-02::before,
	.historycontent-current .historycontent-item-bottomline-01::after,
	.historycontent-current .historycontent-item-bottomline-02::after{display: none;}

	.historycontent-current-image-left {
		left: -20px;
		bottom: auto;
		top: 50px;
		margin-left: 0;
	}

	.historycontent-current-image-right {
		right: auto;
		left: 50%;
		bottom: -40px;
		margin-right: 0;
		width: calc(100% + 16vw);
		transform: translate(-50%,0);
		text-align: center;
	}

	.historycontent-item.animation .historycontent-current-image-right{transform: translate(-50%,10px);}
	.historycontent-item.animation.on .historycontent-current-image-right{transform: translate(-50%,0);}

	.historycontent-item.is-2024 {
		max-width: 660px;
		margin: 0 auto;
		padding-bottom: 32px;
	}

	.is-2024 .historycontent-item-text{
		text-align: center;
		max-width: 100%;
		margin-bottom: 20px;
		letter-spacing: 0.1em;
	}

	.historycontent-item-60th img{width: 180px;}


	/* modal */

	.historymodal-wrapper {display: none;}

	.historymodal-inner {
		padding: 50px 0 50px;
	}

	.historymodal-title {margin-bottom: 16px;}
	.historymodal-title img{width:240px;}
	.historymodal-text {margin-bottom: 35px;}

	.historymodal-text p {
		line-height: 2;
		margin-bottom: 2em;
		letter-spacing: 0.13em;
	}

	.historymodal-text p:last-child {margin-bottom: 0;}

	.historymodal-image img{width:375px;max-width:100%;}

	.history-wrapper .gotop {
		position: relative;
		width: 96px;
		height: 96px;
		top: 100px;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0 auto;
	}

}