@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1150px) {
  .content {
    margin: 2rem;
  }
.date-p {
   
    font-size: 1rem;
    
  }	
}
/**********************************/
@media screen and (max-width: 980px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  br.sp {
    display: block;
  }
  br.pc {
    display: none;
  }
  #rocket {
    display: none;
  }
  #page_top {
    display: block;
  }
  /**************************************/
  
  .logo img {
    width: 65%;
  }
  
  .logo {
   margin: 1rem;
  }
  .logo h2 {
    font-size: 1rem;
    margin-left: 0rem;
  }
  .timeline-item {
  
    margin: 0px;
  }
  .timeline-content-left, .timeline-content-right {
    text-align: center;
  }
  
  
	.timeline-line-left,.timeline-line-right{
	display: none;
	}
  .date-p {
    margin: 0;
    margin-bottom: 1.5rem;
    
    width: 100%;
    border-radius: 0;
    background: none;
    text-align: left;
    box-shadow: none;
  }
	.year,.year-rihgt {
  margin-bottom: 2rem;
	font-size: 1rem;
}
  .copy {
    font-size: 0.9rem;
  }
	.video-container img{
		margin: 0 2rem 1rem 0;
	}	
}
/*****************************/
@media screen and (max-width: 768px) {
	.content {
    margin: 0;
  }
  .timeline {
    padding: 0;
    
  }
  /* 中央線 */
  .timeline:before {
    left: 0;
	z-index: 30;  
  }
  /**真ん中線**/
  .date-p {
    margin: 0;
    margin-bottom: 1.5rem;
    width: 85%;
    border-radius: 0;
    background: none;
    text-align: left;
    box-shadow: none;
  }
	.timeline-year {
   flex-direction: row;
    justify-content:flex-start;
}
/* 真ん中の年数表示 */
 .year,.year-rihgt {
  margin-bottom: 0;
	 width: 50%;
	 
}
  
  .video-container {
    box-shadow: 7px 7px 0px 0 #8D0A0A;
	 margin: 0 0 0 0; 
  }
}