:root {

	/* 文字サイズ */
	--phoneBusyo: clamp(15px, 4vw, 60px);

	/* 文字表示範囲 */
	--displayRange: 40vw;
}

@media screen and (max-width: 768px) {
	.histry_main h1 {
	    padding-top: 7vw;
	    font-size: 6vw;
	}
	.timeline{
	    margin: auto;
	}

	.lineImg {
		width: var(--displayRange);
		order: 1;
	}
	.contentRight {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.contentLeft {
		margin-left: -45vw;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}
	.historyMidasi {
		font-size: var(--phoneBusyo);
		order: 2;
	}
	.midasiLeft{
		display: block;
		width: fit-content;
		margin-left: auto;
		text-align: left;
	}
	.line_1_p,
	.line_3_p,
	.line_19_p,
	.line_31_p,
	.linePhone {
		font-size: var(--phoneBusyo);
		width: var(--displayRange);
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
	}
	.line_2_p {
		font-size: var(--phoneBusyo);
		width: 45vw;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
		order: 3;
	}
	table th {
		font-size: var(--phoneBusyo);
	}

	/* 左側の文表示開始位置 */
	.line_4_p,
	.line_6_p,
	.line_8_p,
	.line_10_p,
	.line_12_p,
	.line_14_p,
	.line_16_p,
	.line_18_p,
	.line_20_p,
	.line_22_p,
	.line_24_p,
	.line_26_p,
	.line_28_p,
	.line_30_p,
	.line_32_p{
		margin-left: -42vw;
	}

	/* 左側の日付表示開始位置 */
	.main_line_2 table,
	.main_line_4 table,
	.main_line_6 table,
	.main_line_8 table,
	.main_line_10 table,
	.main_line_12 table,
	.main_line_14 table,
	.main_line_16 table,
	.main_line_18 table,
	.main_line_20 table,
	.main_line_22 table,
	.main_line_24 table,
	.main_line_26 table,
	.main_line_28 table,
	.main_line_30 table,
	.main_line_32 table{
		margin-left: -25vw;
		margin-bottom: 10vw;
	}
}