@charset "utf-8";
/* CSS Document */

.container {
	margin: 0 auto;
    max-width: 1600px;	
}
.info-area .container {
    max-width: 1120px;	
}
.container-inner {
	margin: 0 auto;
	max-width: 1120px;	
}
main {
	clear: both;
}


/* =====================
  history-area
===================== */
.history-area {
	margin-bottom: 120px;
}
.history-area .text {
	text-align: center;
	margin-bottom: 60px;
}
.history-area .text h3 {
	font-size: 3.6rem;
	margin-bottom: 40px;
	letter-spacing: inherit;
}
.history-area .year {
	padding-top: 170px;
	background-repeat: no-repeat;
	margin-bottom: 80px;
}
.history-area:nth-child(1) .year {
	background-image: url(../images/history/1950.png);
	background-position: top 0 left 0;
}
.history-area:nth-child(2) .year {
	background-image: url(../images/history/1966.png);
	background-position: top 0 right 0;
}
.history-area:nth-child(3) .year {
	background-image: url(../images/history/1973.png);
	background-position: top 0 left 0;
}
.history-area:nth-child(4) .year {
	background-image: url(../images/history/1985.png);
	background-position: top 0 right 0;
}
.history-area .year-box:nth-child(4) {
	margin-top: 80px;
}
.history-area .right,
.history-area .left {
	display: inline-block;
	width: 49%;
}
.history-area img {
	width: 100%;
}
.history-area .text-box dl dt {
	font-size: 3.6rem;
	margin-bottom: 40px;
}
.history-area .text-box .detail {
	margin-top: 20px;
	padding: 40px 20px;
	background-color: #eee;
	border-radius: 10px;
}

.link-bnr .detail01 .caption01 {
	font-size: 2.8rem;
	font-family: 'Roboto', sans-serif;
    padding: 10% 5%;
}
.link-bnr .detail01 .caption02 {
    padding: 14% 2%;
    font-weight: bold;
	padding: 11.5% 2%;
}
.link-bnr .detail02 {
    padding: 90px 0;
}


@media screen and (max-width: 1140px) {
	.container {
		padding: 0!important;
	}
	.container-inner {
		padding: 0 20px;
	}
}


/* ====================================================================================
         SP時
  ==================================================================================== */
@media screen and (max-width: 768px) {
	

	.info-area .container {
	   padding: 0 20px!important;
	}
	
/* =====================
  history-area
===================== */
	.history-area {
		margin-bottom: 80px;
	}
	.history-area .text {
		margin-bottom: 20px;
	}
	.history-area .text h3 {
		font-size: 2rem;
		margin-bottom: 20px;
	}
	.history-area .year {
		padding-top: 100px!important;
		margin-bottom: 40px;
	}
	.history-area:nth-child(1) .year, 
	.history-area:nth-child(2) .year, 
	.history-area:nth-child(3) .year, 
	.history-area:nth-child(4) .year {
		background-position: top 0 center;
		background-size: 90%;
	}
	.history-area .year-box:nth-child(4) {
		margin-top: 40px;
	}
	.history-area .right,
	.history-area .left {
		width: 100%;
	}
	.history-area img {
		margin-bottom: 20px;
	}
	.history-area .text-box dl dt {
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
	.history-area .text-box .detail {
		margin-top: 20px;
		padding: 20px;
	}
	
	
	.link-bnr .detail01 .caption01 {
		font-size: 2rem;
		padding: 20px 0 0 0;
	}
	.link-bnr .detail01 .caption02 {
		padding: 0;
		margin: 15px 0 20px 0;
	}
	.link-bnr .detail02 {
		padding: 40px;
	}

	
}