@charset "UTF-8";

.hero {
	background-image: url(../history/img/pt-hero.jpg);
	background-position: center;
	background-size: cover;
	padding: 250px 0;
}

.hero_ttl {
	line-height: 1;
}

.hero_ttl span {
	font-family: 'Oswald', sans-serif;
	display: block;
	font-weight: bold;
	font-size: 48px;
	letter-spacing: 0.05em;
	color: #d70c19;
}

.hero_ttl em {
	display: block;
	margin-top: 15px;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
}

.main {
	padding: 60px 0;
}

.history {
}

.ptbl {
	max-width: 820px;
	margin: 0 auto;
	width: 100%;
	border-top: 1px solid #ccc;
}

.ptbl th,
.ptbl td {
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 10px 0;
}

.ptbl th {
	font-weight: bold;
}

.ptbl th.-year {
	width: 170px;
}

.ptbl th.-month {
	text-align: right;
	width: 40px;
}

.ptbl td {
	padding-left: 40px;
}

.ptbl_txt {
}

.ptbl_txt span.-item {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
}

.ptbl_txt span.-data {
	display: inline-block;
	vertical-align: top;
}

.ptbl_img {
	font-size: 0;
	margin-top: 10px;
}

.ptbl_img_item {
	display: inline-block;
	margin-left: 5px;
}

.ptbl_img_item:first-child {
	margin-left: 0;
}

.activity {
	padding-top: 60px;
	margin-top: 60px;
	border-top: 1px solid #ccc;
}

/* All SP & Tablet */
@media screen and (max-width:1020px) {
	.hero {
		padding: 210px 0;
	}

	.hero .inner {
		padding-left: 10%;
	}

}

/* All SP */
@media screen and (max-width:640px) {
	.hero {
		padding: 80px 0;
	}

	.hero_ttl span {
		font-size: 22px;
	}

	.hero_ttl em {
		font-size: 16px;
	}

	.main {
		padding: 40px 0;
	}

	.ptbl th,
	.ptbl td {
		font-size: 13px;
	}

	.ptbl th.-year {
		width: 60px;
	}

	.ptbl th.-year small {
		font-size: 10px;
	}

	.ptbl th.-month {
		width: 30px;
	}

	.ptbl td {
		padding-left: 10px;
	}

	.ptbl_img_item {
		width: 40%;
	}

}