@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 historyHead 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.historyHead { background-color: #ececec; padding: 70px calc( 50 / 1100 * 100% ); }
.historyHead .headInner { max-width: 890px; margin-right: auto; margin-left: auto; }
.historyHead .headTitle { font-family: "Yu Mincho", "YuMincho"; font-size: 4rem; line-height: 5rem; color: #585858; font-weight: 700; text-align: center; margin-bottom: 20px; }
.historyHead .headLead { font-size: 1.8rem; line-height: 3rem; text-align: center; }

@media screen and (max-width: 767px) {
	.historyHead { padding: 40px calc( 15 / 320 * 100% ); }
	.historyHead .headInner { max-width: 500px; }
	.historyHead .headTitle { font-size: 2.8rem; line-height: 3.4rem; margin-bottom: 15px; }
	.historyHead .headLead { font-size: 1.6rem; line-height: 2.6rem; text-align: left; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 historyFlow 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.historyFlow { max-width: 890px; padding-top: 50px; padding-bottom: 40px; margin-right: auto; margin-left: auto; }
.historyFlow table { width: 100%; border-top: solid 1px #114484; margin-bottom: 15px; }
.historyFlow table tr { border-bottom: solid 1px #114484; }
.historyFlow table th { width: 150px; background-color: #ebdba8; padding: 25px 20px; }
.historyFlow table td { padding: 25px 20px; }
.historyFlow ul li { position: relative; padding-left: 20px; }
.historyFlow ul li:not(:last-child) { margin-bottom: 5px; }
.historyFlow ul li::before { position: absolute; top: 7px; left: 0; display: block; width: 14px; height: 14px; background-color: #dadada; border-radius: 50%; content: ""; }

@media screen and (max-width: 767px) {
	.historyFlow { max-width: 500px; padding-top: 50px; padding-bottom: 40px; }
	.historyFlow table { border-top: none; &,tbody,tr,th,td { display: block; } }
	.historyFlow table tr { border-bottom: none; }
	.historyFlow table th { width: 100%; padding: 12px; }
	.historyFlow table td { padding: 12px 12px 20px; }
	.historyFlow ul li { padding-left: 16px; }
	.historyFlow ul li::before { top: 6px; width: 12px; height: 12px; }
}