/*History page CSS　Ver.1.0.0 */

.profile-box {
	align-items: start;
}
.profile-box:not(:first-of-type) {
	margin-top: 40px;
}
.profile-ph {
	width: 30%;
}
.profile-txt {
	width: 66%;
	line-height: 1.55;
}
.profile-kaim {
	margin-bottom: 30px;
	padding-left: 68px;
	font-size: 1.1em;
	font-weight: bold;
}
.career-box {
	margin-top: 80px;
}
.career-box ul li {
	padding: 8px;
	border-top: 1px solid rgba(153, 153, 153, 1.0);
}
.career-box ul li:last-of-type {
	border-bottom: 1px solid rgba(153, 153, 153, 1.0);
}
.career-box dl dt {
	width: 12%;
}
.career-box dl dd {
	width: 86%;
}
.past {
	padding-top: 80px;
	font-size: 16px;
}
.past-container:not(:first-of-type) {
	margin-top: 60px;
}
.past-2colm {
	width: 50%;
}
.past-box-1colm {
	padding-left: 40px;
	padding-right: 40px;
}
.past-box-2colm {
	align-items: end;
}
.past-2colm:nth-child(odd) .past-box-2colm {
	padding-left: 40px;
}
.past-2colm:nth-child(even) .past-box-2colm {
	padding-right: 40px;
}
.past-obi {
	margin-bottom: 20px;
}
.past-obi h3 {
	width: 100%;
	font-family: YuMincho,Yu Mincho,'游明朝',"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝",MS PMincho,"MS 明朝",serif;
	text-align: center;
	color: rgba(255, 255, 255, 1.0);
	position: absolute;
	bottom: 7px;
	left: 0;
}
.past-box-1colm-ph {
	width: 21%;
}
.past-box-1colm-txt {
	width: 77%;
}
.past-box-2colm-ph {
	width: 43%;
}
.past-box-2colm-txt {
	width: 54%;
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
}
.past-box-1colm p {
	line-height: 1.65;
}
.past-box-1colm p:not(:first-of-type) {
	margin-top: 20px;
}
.past-box-2colm p {
	font-size: 13px;
}
.past-box-2colm p.past-box-kain {
	font-family: YuMincho,Yu Mincho,'游明朝',"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝",MS PMincho,"MS 明朝",serif;
	font-size: 16px;
	font-weight: bold;
}
.chronology-wrap {
	width: 82%;
	margin: 80px auto 0;
	font-size: 15px;
}
.chrono-container:not(:first-of-type) {
	margin-top: 40px;
}
.chrono-box dt {
	width: 33%;
	padding: 10px;
	color: var(--mainColor);
	border-top: 3px solid var(--mainColor);
}
.chrono-box dd {
	width: 67%;
	padding: 10px;
	color: rgb(30, 30, 30);
	border-top: 1px solid var(--mainColor);
}
.chrono-box-ph {
	width: 50%;
	margin: 10px 0;
}
.chrono-box-ph-etc {
	width: 33.333%;
	padding: 8px 4px 0;
}



/*=================================
タブレット設定（768px〜960px）
=================================*/
@media only screen and (max-width: 960px) {

	

}



/*=================================
スマホ設定（〜767px）
=================================*/
@media only screen and (max-width: 768px) {

	.profile-box {
		width: 100%;
		margin: 0;
	}
	.profile-box:not(:first-of-type) {
		margin-top: 80px;
	}
	.profile-ph {
		width: 100%;
		text-align: center;
	}
	.profile-ph img {
		width: 80%;
		max-width: 300px;
	}
	.profile-txt {
		margin-top: 10px;
		width: 100%;
		line-height: 1.65;
	}
	.career-box dl dt {
		width: 25%;
	}
	.career-box dl dd {
		width: 75%;
	}
	.past-obi {
		margin-bottom: 10px;
	}
	.past-obi h3 {
		bottom: 3px;
	}
	.past-box-1colm {
		padding-left: 15px;
		padding-right: 15px;
	}
	.past-box-1colm-ph {
		width: 100%;
		text-align: center;
	}
	.past-box-1colm-ph img {
		width: 50%;
	}
	.past-box-1colm-txt {
		width: 100%;
		margin-top: 10px;
	}
	.past-2colm {
		width: 100%;
	}
	.past-2colm:not(:first-of-type) {
		margin-top: 60px;
	}
	.past-2colm:nth-child(odd) .past-box-2colm {
		padding-left: 15px;
		padding-right: 15px;
	}
	.past-2colm:nth-child(even) .past-box-2colm {
		padding-left: 15px;
		padding-right: 15px;
	}
	.past-box-2colm-ph {
		width: 37%;
	}
	.past-box-2colm-txt {
		width: 60%;
		padding-bottom: 5px;
	}
	.chronology-wrap {
		width: 100%;
		padding: 0 15px;
	}
	.chrono-container:not(:first-of-type) {
		margin-top: 0;
	}
	.chrono-box dt {
		width: 100%;
		padding: 5px 8px;
		border-top: none;
		border-left: 4px solid var(--mainColor);
	}
	.chrono-container.ph-y .chrono-box dd {
		width: 100%;
		padding: 5px 8px 10px;
		line-height: 1.5;
		border-top: none;
		border-left: 1px solid var(--mainColor);
	}
	.chrono-container.ph-none .chrono-box dd {
		width: 100%;
		padding: 5px 8px 40px;
		line-height: 1.5;
		border-top: none;
		border-left: 1px solid var(--mainColor);
	}
	.accordion-001 {
		padding: 5px 8px 40px;
		border-left: 1px solid var(--mainColor);
	}
	.chrono-box-ph {
		width: 100%;
	}

}