@charset "utf-8";

@media screen and (max-width: 750px) {
	body {
		position: relative;
	}
	body:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(220,220,220, 0.7);
		opacity: 0;
		z-index: -1;
	}
	body.overlay:before {
		opacity: 1;
		z-index: 1;
	}
	.pc {
		display: none !important;
	}
	.inner {
		max-width: 375px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	button {
		padding: 0;
		border: 0;
		background-color: transparent;
	}

	body {
		min-width: inherit;
    	overflow-x: hidden;
	}
	#wrapper {
		min-width: 100%;
	}
	.note {
		color: #c70d0d;
		font-size: 10px;
		margin-top: 10px;
	}
	/* header + * {
		padding-top: 122px;
	} */
	
	
	/* ----------------sub page-------------------------------- */
	.timeLine {
		padding-top: 15px;
	}
	.timeLine h1 {
		margin-bottom: 20px;
	}
	.timeLine .imageText {
		margin-bottom: 20px;
	}
	.timeLine .groupBtn	{
		display: flex;
		justify-content: space-between;
		margin-left: -10px;
		margin-right: -10px;

	}
	.timeLine .groupBtn > div {
		padding-left: 10px;
		padding-right: 10px;
	}
	.listTime {
		padding-left: 10px;
		padding-right: 10px;
	}
	.listTime .listContent {
		padding-top: 20px;
		position: relative;
		padding-bottom: 80px;
	}
	.listTime .listContent:before {
		content: '';
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: url(../img/sp/bg_line_arrow.png) no-repeat bottom;
		background-size: contain;
		z-index: -1;
	}
	.listTime .listContent:after {
		content: '';
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: url(../img/sp/bg_line_top.png) no-repeat top;
		background-size: contain;
		z-index: -1;
	}

	.listTime .row {
		margin-left: -5px;
		margin-right: -5px;
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}
	.listTime h2 {
		position: absolute;
		top: -5px;
		left: -20px;
		right: -20px;
	}
	/* .listTime .row:before {
		content: '';
		position: absolute;
		height: 29px;
		left: -20px;
		right: -20px;
		top: -13px;
		background: url(../img/sp/img_1960.png) no-repeat center;
		background-size: contain;
		z-index: -1;
	}
	.listTime .row:nth-child(2):before {
		background-image: url(../img/sp/img_1970.png);
	}
	.listTime .row:nth-child(3):before {
		background-image: url(../img/sp/img_1980.png);
	}
	.listTime .row:nth-child(4):before {
		background-image: url(../img/sp/img_1990.png);
	}
	.listTime .row:nth-child(5):before {
		background-image: url(../img/sp/img_2000.png);
	}
	.listTime .row:last-child:before {
		background-image: url(../img/sp/img_2010.png);
	} */
	.listTime .row .item {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
	.listTime .row .item .image {
		position: relative;
		z-index: 2;
	}
	.listTime .row:first-child .item.old {
		order: -1;
		margin-top: 45px;
		margin-bottom: 45px;
	}
	.listTime .row:first-child .item.blue {
		margin-bottom: 60px;
	}
	.listTime .row:nth-child(2) .item.blue {
		margin-top: 60px;
		margin-bottom: -8px;
	}

	.listTime .row:nth-child(3) .item.old {
		order: -1;
		margin-top: 70px;
	}
	.listTime .row:nth-child(3) .item.blue {
		margin-bottom: -8px;
	}

	.listTime .row:nth-child(4) .item.old {
		order: -1;
		margin-top: -7px;
		margin-bottom: 45px;
	}
	.listTime .row:nth-child(4) .item.blue {
		margin-bottom: -8px;
	}

	.listTime .row:nth-child(5) .item.old {
		order: -1;
		margin-top: 40px;
		margin-bottom: 40px;

	}
	.listTime .row:nth-child(5) .item.blue {
		margin-bottom: -80px;
	}

	.listTime .row:last-child .item.blue:first-of-type {
		margin-top: 55px;
		margin-bottom: 40px;
	}
	.listTime .row:last-child .item.blue.sp {
		margin-top: 50px;
	}
	.listTime .row:last-child .item.old.sp {
		margin-top: -45px;
		margin-bottom: 50px;
	}
	.imageGroup {
		margin-top: 40px;
		padding-bottom: 45px;
	}
	.imageGroup .image + .image {
		margin-left: -8px;
		margin-right: -8px;
		margin-top: 50px;
	}


}