@charset "utf-8";

@media print, screen and (min-width: 751px) {
	
	.sp {
		display: none !important;
	}
	.listContent {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.note {
		color: #c70d0d;
		font-size: 12px;
		line-height: 1.5;
		margin-top: 20px;
	}
	header {
		height: 104px;
	}
	header ul.btn a {
		min-width: 280px;
		text-align: center;
	}
	header ul.btn li:first-child a {
		min-width: 250px;
	}
	header .logo {
		position: absolute;
		top: 25px;
		left: 39px;
	}
	header .logo img {
		width: 70px;
	}
	header .socialLinks {
		padding-top: 37px;
	}
	
	
	/* ----------------sub page-------------------------------- */
	#wrapper.subpage {
		min-width: 1060px;
	}
	.timeLine {
		padding-top: 60px;
	}
	.timeLine .inner {
		max-width: 1060px;
	}
	.timeLine img {
		margin-left: auto;
		margin-right: auto;
	}
	.timeLine h1 {
		margin-bottom: 50px;
	}
	.timeLine .imageText {
		margin-bottom: 25px;
	}
	.timeLine .groupBtn	{
		display: flex;
		justify-content: center;

	}
	.timeLine .groupBtn > div {
		padding-left: 15px;
		padding-right: 15px;
	}

	.listTime {
		margin-bottom: 55px;
	}
	.listTime .listContent {
		display: block;
		padding-top: 80px;
		padding-bottom: 42px;
		position: relative;
	}
	.listTime .listContent:before {
		content: '';
		position: absolute;
		width: 76px;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		background: url(../img/img_line_arrow.png) no-repeat;
		z-index: 2;
	}
	.listTime .row {
		display: flex;
		height: 430px;
		position: relative;
		border-top: 1px solid #c8c9ca;
	}
	.listTime .row h2 {
		position: absolute;
		left: 0;
		top: -28px;
	}
	.listTime .row:before {
		content: '';
		position: absolute;
		width: 64px;
		height: 345px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: url(../img/img_ruler.png) no-repeat;
		z-index: -1;
	}
	 
	/* .listTime .row:after {
		content: '';
		position: absolute;
		width: 58px;
		height: 18px;
		top: -28px;
		left: 0;
		background: url(../img/img_1960.png) no-repeat left center;
	}
	.listTime .row:nth-child(2):after {
		background-image: url(../img/img_1970.png);
	}
	.listTime .row:nth-child(3):after {
		background-image: url(../img/img_1980.png);
	}
	.listTime .row:nth-child(4):after {
		background-image: url(../img/img_1990.png);
	}
	.listTime .row:nth-child(5):after {
		background-image: url(../img/img_2000.png);
	}
	.listTime .row:last-child:after {
		background-image: url(../img/img_2010.png);
	} */
	.listTime .row .item {
		flex: 0 0 50%;
		max-width: 50%;
		width: 50%;
	}
	.listTime .row .item.blue img {
		margin-right: 0;
	}
	.listTime .row .item.old img {
		margin-left: 0;
	}
	.listTime .row .item .image {
		position: relative;
		z-index: 2;
	}
	.listTime .row:first-child .item.blue .image {
		margin-top: 153px;
	}
	.listTime .row:first-child .item.old .image {
		margin-top: 28px;
	}
	.listTime .row:nth-child(2) .item {
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
	}
	.listTime .row:nth-child(2) .item.old {
		justify-content: flex-start;
	}
	.listTime .row:nth-child(2) .item.blue .image {
		margin-bottom: -10px;
	}
	.listTime .row:nth-child(2) .item.old .image {
		margin-bottom: -182px;
	}
	.listTime .row:nth-child(3) .item {
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
	}
	.listTime .row:nth-child(3) .item.old {
		justify-content: flex-start;
	}
	.listTime .row:nth-child(3) .item.blue .image {
		margin-bottom: -10px;
		margin-right: 2px;
	}
	.listTime .row:nth-child(3) .item.old .image {
		margin-bottom: -10px;
	}
	.listTime .row:nth-child(4) .item.blue {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}
	.listTime .row:nth-child(4) .item.blue .image {
		margin-bottom: -10px;
	} 
	.listTime .row:nth-child(4) .item.old .image {
		margin-top: 33px;
	}
	.listTime .row:nth-child(5) .item {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}
	.listTime .row:nth-child(5) .item.old {
		justify-content: flex-start;
	}
	.listTime .row:nth-child(5) .item.blue .image {
		margin-bottom: -140px;
	}
	.listTime .row:nth-child(5) .item.old .image {
		margin-bottom: -183px;
		margin-left: -21px;
	}
	.listTime .row:last-child .item.blue .image {
		margin-top: 80px;
    	margin-right: 2px; 
	}
	.listTime .row:last-child .item.old .image {
		margin-top: 20px;
	}

	.imageGroup .image + .image {
		margin-top: -8px;
		margin-left: -22px;
		margin-right: -22px;
	}
	.subpage + footer p.copyRight {
		margin-top: 0;
	}

}



@media print, screen and (min-width: 1600px) {
	#mv {
		padding-top: 110px;
		padding-bottom: 240px;
	}
}