@charset "utf-8";

/* Updated date: 2021/05/12 */




/*side-----------------------------------*/

.page-side-list li:nth-child(3) a {
	background-color: #3fa1ed;
	color: #FFF;
}

.page-side-list li:nth-child(3) a span::before {
    color: #fff;
}

 @media (min-width: 992px) {
main {
	padding-bottom:50px;	
}
}

/*content01-----------------------------------*/




.history-table-title {
	font-size: 22px;
	font-weight: bold;
	color: #F00;
	border-bottom: 1px solid #808080;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.history-table {
	padding-bottom: 50px;
}

.history-table table {
	float: left;
	width: calc( 100% - 170px );
}

.history-table .history-photo-list {
	float: right;
	width: 170px;
}

.history-table .history-photo-list ul {
	position: relative;
}

.history-table table th {
	border-right: 1px solid #808080;
	padding: 5px 5px 5px 5px;
	width: 90px;
	vertical-align: top;
}

.history-table table td {
	padding: 5px 5px 5px 20px;
}

.history-table .history-photo {
	position: absolute;
}

.history-table .history-photo img {
	width: 150px;
	height: auto;
}

/*history-photo-▼-------*/

/* 1970 */
.history-table .photo1970-01 {
	right: 0;
	top: 50px;
}
.history-table .photo1970-02 {
	right: 0;
	top: 170px;
}
.history-table .photo1970-03 {
	right: 0;
	top: 300px;
}
.history-table .photo1970-04 {
	right: 0;
	top: 420px;
}

@media (max-width: 1150px) {
	.history-table .photo1970-03 {
		right: 0;
		top: 340px;
	}
	.history-table .photo1970-04 {
		right: 0;
		top: 460px;
	}
}

/* 2000 */
.history-table .photo2000-01 {
	right: 0;
	top: 0px;
}
.history-table .photo2000-02 {
	right: 0;
	top: 130px;
}
.history-table .photo2000-02 img {
	width: 100px;
	height: auto;
}
.history-table .photo2000-03 {
	right: 0;
	top: 300px;
}

@media (max-width: 1150px) {
	.history-table .photo2000-03 {
		right: 0;
		top: 340px;
	}
}

/* 2010 */
.history-table .photo2010-01 {
	right: 0;
	top: 0px;
}
.history-table .photo2010-02 {
	right: 0;
	top: 120px;
}
.history-table .photo2010-03 {
	right: 0;
	top: 240px;
}
.history-table .photo2010-04 {
	right: 0;
	top: 360px;
}

@media (max-width: 1150px) {
	.history-table .photo2010-03 {
		right: 0;
		top: 280px;
	}
	.history-table .photo2010-04 {
		right: 0;
		top: 400px;
	}
}

.history-information-image .photo2010-08  {
	text-align:right;
}
.history-information-image .photo2010-08 img {
	width: 140px;
	height: auto;
}

@media (max-width: 767px) {
	.history-information-image .photo2010-08  {
		text-align:center;
	}
	.history-information-image .photo2010-08 img {
		width: 220px;
		height: auto;
	}
}

/* 2016 */
.history-table .photo2016-01 {
	right: 0;
	top: 0px;
}
.history-table .photo2016-01 img {
	width: 100px;
	height: auto;
}

/* 2017 */
.history-table .photo2017-01 {
	right: 0;
	top: 0px;
}
.history-table .photo2017-02 {
	right: 0;
	top: 120px;
}

/* 2018 */
.history-table .photo2018-01 {
	right: 0;
	top: 0;
}
.history-table .photo2018-02 {
	right: 0;
	top: 120px;
}
.history-table .photo2018-02 img {
	width: 120px;
	height: auto;
}
.history-table .photo2018-03 {
	right: 0;
	top: 300px;
}
.history-table .photo2018-03 img {
	width: 120px;
	height: auto;
}
.history-table .photo2018-04 {
	right: 0;
	top: 480px;
}

@media (min-width: 768px) {
	.since2018 .history-table {
		padding-bottom: 350px; 
	}
}

/* 2019 */
.history-table .photo2019-01 {
	right: 0;
	top: 0px;
}
.history-table .photo2019-02 {
	right: 0;
	top: 120px;
}
.history-table .photo2019-03 {
	right: 0;
	top: 240px;
}

@media (min-width: 768px) {
	.since2019 .history-table {
		padding-bottom: 270px; 
	}
}

/* 2020 */
.history-table .photo2020-01 {
	right: 0;
	top: 0px;
}
.history-table .photo2020-02 {
	right: 0;
	top: 120px;
}

@media (min-width: 768px) {
	.since2020 .history-table {
		padding-bottom: 170px;
	}
}

/*history-photo-▲-------*/

@media (max-width: 767px) {

.history-table table th {
	padding: 5px 0px 5px 0px;
	width: 80px;
}

.history-table table td {
	padding: 5px 0px 5px 15px;
}

.history-table table {
	margin-bottom: 15px;
}

.history-table {
	padding-bottom: 0px;
}

.history-table table {
	float: none;
	width: 100%;
}

.history-table .history-photo-list {
	float: none;
	width: 100%;
	text-align: center;
}

.history-table .history-photo {
	position: static;
	display: inline-block;
	padding: 5px;
}

.history-table .history-photo {
	width: 146px;
	height: auto;
}
}

/*tab-----------------------------------*/


.cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cp_tab {
	margin: 1em auto;
}

.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.cp_tab .cp_tabpanel {
	display: none;
}

.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6),
.cp_tab > input:nth-child(13):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(7),
.cp_tab > input:nth-child(15):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(8),
.cp_tab > input:nth-child(17):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(9) {
	display: block;
}

.cp_tab > label {
	display: inline-block;
	width: 10.5%;
	padding: 10px 15px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.0;
	text-align: center;
	background-color: #969696;
	border: 1px solid transparent;
	border-radius: 6px 6px 0 0;
	cursor: pointer;
	position: relative;
}
@media (max-width: 767px) {
	.cp_tab > label {
		width: 89.34px;
	}
}

.cp_tab > label:hover, .cp_tab > input:focus + label {
	background-color: #F00;
}

.cp_tab > input:checked + label {
	background-color: #F00;
}

.cp_tab .cp_tabpanel {
	padding: 0.5em 0em;
	border-top: 2px solid #969696;
}
@media (min-width: 768px) {
	/*
	.cp_tab > label {
		margin-bottom: -6px;
	}
	.cp_tab > input:checked + label {
		bottom: 5px;
	}
	*/
	.cp_tab > input:checked + label {
		width: 11%;
		height: 45px;
		vertical-align: bottom;
	}
}
@media (max-width: 767px) {
	.cp_tab {
		text-align: center;
	}
	.cp_tab .cp_tabpanel {
		margin-top: 10px;
		border-top: 2px solid #969696;
		text-align: left;
	}
	.cp_tab > label {
		text-align: center;
		border-radius: 6px 6px 6px 6px;
		margin-bottom: 5px;
	}
}
 @media (max-width: 480px) {

/*.cp_tab {
	width: 100%;
}

.cp_tab label {
}*/
}




.history-information {
	    border-top: 1px solid #808080;
		margin-top:30px;
		padding-top:30px;
}

.history-information-title {
	font-weight:bold;
	font-size:16px;
	margin-bottom:5px;
	
	}

.history-information-text {
	float: left;
	width: calc( 100% - 240px );
}

.history-information-image {
	float: right;
	width: 220px;
}

 @media (max-width: 767px) {
	 
	 
.history-information-text {
	float: none;
	width: 100%;
}

.history-information-image {
	float: none;
	width: 100%;
	text-align:center;
}


.history-information-image p {
	text-align:center;
	display:inline-block;
}

}