@charset "utf-8";



.scroll-fade{opacity: 0; transition: all 2s/*処理にかかる時間*/;}
.scroll-up{opacity: 0; transform: translateY(10px)/*スクロールアップする距離*/; transition: all 1s/*処理にかかる時間*/;}
.scroll-up.done, .scroll-fade.done{opacity : 1; transform : translate(0, 0);}
.load-fade {opacity : 0; transition : all 5s/*処理にかかる時間*/;}
.load-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 3s/*処理にかかる時間*/;}
.load-up.done, .load-fade.done{opacity : 1; transform : translate(0, 0);}







.border{
  position: relative;
}

.border:before{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  border-bottom: solid 1px #ccc;
  animation: border_anim 7s linear forwards;
}

@keyframes border_anim {
  0%{
    width: 0%;
  }
  100%{
    width: 100%;
  }
}






.history-contents {
	margin-bottom: 50px;
}

.txtBox .history-contents p {
	margin-bottom: 0.3em;
	line-height: 1.4em;
}



.history-year {
	/*border-bottom: 1px solid #ccc;*/
	padding-bottom: 0px;
	margin-bottom: 20px;
}

.year-en {
	font-size: 200%;
	color: #7e6632;
}
.year-jp {
	font-size: 100%;
	color: #7e6632;
}

.history-content-title {
	font-size: 150%;
	margin-bottom: 0;
}
.history-caption {
	font-size: 80%;
	line-height: 1.4em;
}


.history-img-1971 {
	width: 740px;
	height: 290px;
	position: relative;
	margin-top: 15px;
}
.history-img-1971-01 {
	position: absolute;
	top: 0;
	left: 0;
}
.history-img-1971-01-caption {
	position: absolute;
	top: 265px;
	left: 0;
}
.history-img-1971-02 {
	position: absolute;
	top: 0;
	left: 365px;
}
.history-img-1971-02-caption {
	position: absolute;
	top: 265px;
	left: 365px;
}