@charset "UTF-8";
.dir_title {
	height:130px;
}
.dir_title h1:after{
	content: "HISTORY";
}


#page_content .year_wrapper,
#page_content .year_wrapper *{
	box-sizing: border-box;
}
#page_content .year_wrapper{
	width:90%;
	max-width: 980px;
	margin:0 auto 60px;
	position:relative;
}
#page_content .year_wrapper:after{
	content:"";
	display:block;
	height:100%;
	width:4px;
	background:#15336c;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%)
}
#page_content .year_wrapper .ybox{
	display:flex;
}
#page_content .year_wrapper .ybox.right{
	flex-direction: row-reverse;
}
#page_content .year_wrapper .ybox .container{
	width:50%;
	/*
	display:flex;
	justify-content: space-between;
	*/
}
#page_content .year_wrapper .ybox.left .container{
	flex-direction: row-reverse;
}
#page_content .year_wrapper .ybox.left .pic_pc{
	float:left;
	width:205px;
}
#page_content .year_wrapper .ybox.right .pic_pc{
	float:right;
	width:205px;
}
#page_content .year_wrapper .ybox .pic_pc img{
	width:100%;
}
#page_content .year_wrapper .ybox .container .txt{
	/*width:58%;*/
	width:100%;
	line-height: 1.7;
}
#page_content .year_wrapper .ybox .container:not(.nopic) .txt{
	padding-top:92px;
}
#page_content .year_wrapper .ybox .container.nopic .txt{
	width:100%;
}
#page_content .year_wrapper .ybox .container .txt .year{
	border-bottom:solid #15336c 1px;
	padding:10px 0 0 40px;
	margin-bottom:10px;
}
#page_content .year_wrapper .ybox .container .txt .year span{
	color:#15336c;
	display:inline-block
}
#page_content .year_wrapper .ybox .container .txt .year img{
	max-width:120px;
}
#page_content .year_wrapper .ybox .container .txt .year + div,
#page_content .year_wrapper .ybox .container .txt div.flex{
	padding:10px 0 0 40px;
	/*font-size:13px;*/
	line-height: 1.6;
}
#page_content .year_wrapper .ybox.left .container .txt .year{
	text-align: right;
	padding-right:40px;
}
#page_content .year_wrapper .ybox .container .txt div.flex{
	padding:10px 0 0 40px;
}
#page_content .year_wrapper .ybox.left .container .txt .year + div,
#page_content .year_wrapper .ybox.left .container .txt div.flex{
	padding:10px 0 0 20px;
}
#page_content .year_wrapper .ybox .container .txt .nengou{
	font-weight: bold;
	color:#15336c;
	margin-bottom:4px;
	width:80px;
	text-align: justify;
}
#page_content .year_wrapper .ybox .container .txt .nengou.taR{
	width:74px;
}
#page_content .year_wrapper .ybox .container .txt div.flex .nengou + p{
	padding-right:40px;
}
#page_content .year_wrapper .ybox.right .container .txt div.flex .nengou + p{
	padding-right:0;
}
#page_content .year_wrapper .ybox .container .pic{
	width:42%;
	display:none;
}
#page_content .year_wrapper .ybox .container .pic img{
	width:100%;
}
#page_content .year_wrapper .ybox .container.y1997 .wood{
	padding:10px 0 0 40px;
}
#page_content .year_wrapper .ybox .container.y1997 .wood p{
	margin-bottom:4px;
}
#page_content .year_wrapper .ybox .container.y1997 .wood img{
	width:44%;
}
#page_content .year_wrapper .ybox.end .container .txt{
	padding:90px 40px 0 40px;
	text-align: right;
}



@media screen and (max-width: 1020px) {
	#page_content .year_wrapper .ybox .container .txt .year span{
		display:block
	}
	#page_content .year_wrapper .ybox .container:not(.nopic) .txt {
		padding-top: 43px;
	}
}



@media screen and (max-width: 900px) {
	#page_content .year_wrapper .ybox.left .pic_pc,
	#page_content .year_wrapper .ybox.right .pic_pc{
		width:172px;
	}
	#page_content .year_wrapper .ybox .container .txt{
		padding-top:68px;
	}
}



@media screen and (max-width: 767px) {
	#page_content .year_wrapper .ybox .container .txt,
	#page_content .year_wrapper .ybox .container:not(.nopic) .txt{
		padding-top:0;
	}
	#page_content .year_wrapper{
		margin:0 auto 40px;
		padding-bottom:0px;
	}
	#page_content .year_wrapper .ybox.left .pic_pc,
	#page_content .year_wrapper .ybox.right .pic_pc{
		display:none;
	}
	#page_content .year_wrapper .ybox .container .pic{
		display:block;
		margin:10px 0 0 40px;
	}
	#page_content .year_wrapper:after{
		left:0;
	}
	#page_content .year_wrapper .ybox{
		margin-bottom:24px;
	}
	#page_content .year_wrapper .ybox.left{
		flex-direction: row-reverse;
	}
	#page_content .year_wrapper .ybox .container{
		width:100%;
	}
	#page_content .year_wrapper .ybox.left .container {
		flex-direction: row;
	}
	#page_content .year_wrapper .ybox.end .container .txt{
		text-align: left;
	}
	#page_content .year_wrapper .ybox .container .txt .year span{
		display:inline-block
	}
	#page_content .year_wrapper .ybox.left .container .txt .year {
		text-align: left;
	}
	#page_content .year_wrapper .ybox.left .container .txt .year + div, #page_content .year_wrapper .ybox.left .container .txt div.flex {
		padding: 10px 0 0 40px;
	}
}






@media screen and (max-width:  599px) {
	#page_content .year_wrapper .ybox .container .txt,
	#page_content .year_wrapper .ybox .container:not(.nopic) .txt{
		padding-top:0;
	}
	#page_content .year_wrapper .ybox .container .txt .year{
		padding:10px 0 0 20px;
	}
	#page_content .year_wrapper .ybox .container .txt .year + div,
	#page_content .year_wrapper .ybox .container .txt div.flex{
		padding:10px 0 0 20px;
	}
	#page_content .year_wrapper .ybox.left .container .txt .year{
		padding-right:20px;
	}
	#page_content .year_wrapper .ybox .container .txt div.flex{
		padding:10px 0 0 20px;
	}
	#page_content .year_wrapper .ybox .container .txt div.flex .nengou + p{
		padding-right:20px;
	}
	#page_content .year_wrapper .ybox .container.y1997 .wood{
		padding:10px 0 0 20px;
	}
	#page_content .year_wrapper .ybox.end .container .txt{
		padding:40px 0 0 20px;
	}
	#page_content .year_wrapper .ybox .container .pic{
		display:block;
		margin:10px 0 0 20px;
	}
	#page_content .year_wrapper .ybox.end .container .txt{
		padding-left:20px;
	}
}