@charset "Shift_JIS";

/* CSS Document */


/* ---------------------------------------------------------

	history

--------------------------------------------------------- */
.history-title{
background:none;
font-size:160%;
text-align:center;
}

.history-container {
position:relative;
width:100%;
margin-bottom:15px;
}

.history-line-vertical {
position:absolute!important;
top: 0;
left: 47px;
width:3px;
height:100%;
border-left:3px solid #ddd;
}

.history-container > div {
position:relative;
}

.history-year{
clear: both;
position:relative;
display:block;
margin-bottom:30px;
font-size:140%;
/*background-color:#fff;*/
overflow: hidden;
z-index:90;
}
.history-year::before {
display: block;
content: "";
width: 3px;
height: 54px;
background-color: #FFF;
position: absolute;
top: calc(50% + 5px);
transform: translateY(-50%);
left: 27px;
z-index: -1;
}
.history-line-vertical + .history-year::before {
background-color: #EEEFF1
}

.history-container div:nth-child(5)::before {
opacity: 0.5;
}
@media screen and (max-width:767px){
.history-container div:nth-child(5)::before {
opacity: 1;
}
}



.history-line{
content:" ";
position:relative;
/*top:15px;*/
top:17px;
left:50px;
width:40px;
border-top:2px solid #ddd;
transform:scaleX(0);
transform-origin: left;
transition: all .4s ease;
}

.history-line.visible {
transform:scaleX(1);
}

.history-item {
left:calc(50px + 50px);
width:calc(100% - 100px);
margin-bottom:30px;
position:relative;
display:inline-block;
clear: both;
overflow: hidden;
}

.history-item-year {
margin-bottom:10px;
font-size:20px;
/*background-color:#fff;*/
}

.history-item-body {
display: -ms-flexbox !important;
display: flex !important;
margin-bottom:20px;
font-size:14px;
line-height:1.5;
}

.history-item-body dt,
.history-item-body dd{
margin-bottom:5px;
}

.history-item-body dt{
float:left;
clear:left;
}

.history-item-body dt:before{
padding-right:5px;
content:"��";
color:#ddd;
}

.history-item-body dt:after{
content:"�F";
margin-right:10px;
}

.history-item-body dd{
float:left;
}


/* scroll */
.scroll-show {
opacity: 0;
transform: translate(-10px, 0);
transition: all 0.4s ease;
}

.scroll-show.visible {
opacity: 1;
transform: translate(0px, 0);
}

.scroll-show.complete {
transition: none;
}

.stories-panel-body {
padding:10px;
}


.history-line-vertical {
left: 27px;
}

.history-category {
left:80px;
font-size: 18px;
line-height: 28px;
}

.history-year {
font-size:26px;
}

.history-line{
left: 30px;
width: 40px;
}

.history-item {
left:70px;
width: calc(100% - 70px - 40px);
}

.history-item-body{
-ms-flex-direction: column !important;
flex-direction: column !important;
}

.history-item-body dl:after{
content: "";
display: block;
clear: both;
}



/* ---------------------------------------------------------

	clearFix

--------------------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
*:first-child+html .clearfix { zoom: 1; }