@charset "utf-8";

/*
「企業情報」共通
/aboutus/＊/
*/


/*
***********************************************************************************************
沿革フォーマット
***********************************************************************************************
*/

.sec-common-history {
	padding-bottom: 50px;
}

	.viewmode-mobile .sec-common-history {
		padding-bottom: 100px;
	}

	.sec-common-history table {
		/*
		background-color: #fff;
		*/
		margin-top: 4em;
		/*
		width: 100%;
		*/
	}

		.viewmode-mobile .sec-common-history table {
			margin-top: 2em;
		}

	.sec-common-history th,
	.sec-common-history td {
		vertical-align: top;
	}

		.viewmode-mobile .sec-common-history th {
			padding: .5em 0;
		}

		.viewmode-mobile .sec-common-history td {
			padding: .5em .25em;
		}

	.sec-common-history th {
		padding-right: .5em;
		padding-bottom: 2em;
		position: relative;
		white-space: nowrap;
	}

		/* 罫線の飾り */
		.sec-common-history th::before {
			border-left: 2px solid var(--wp--preset--color--color-1);
			content: '';
			height: 250px;
			left: 2.5em;
			position: absolute;
			z-index: 0;
		}

			.viewmode-mobile .sec-common-history th::before {
				height: 310px;
			}

			.sec-common-history tr:last-child th::before {
				height: 200px;
			}

			/* 矢印の飾り */
			.sec-common-history tr:last-child th::after {
				background-color: var(--wp--preset--color--color-1);
				top: 140px;
				height: 80px;
				clip-path: polygon(0 0, 0 100%, 100% 0);
				content: '';
				display: block;
				left: 2.5em;
				position: absolute;
				z-index: 1;
				width: 15px;
				transform: skew(0deg, -70deg);
				transform-origin: left bottom;
			}

				.viewmode-mobile .sec-common-history tr:last-child th::after {
					transform: skew(0deg, -70deg) scale(.8);
				}

	.sec-common-history td {
		padding-bottom: 2em;
	}

	.sec-common-history td dl {
		display: grid;
		grid-template-columns: 2em 1fr;
		margin: 0;
		padding: 0;
		position: relative;
	}

	.sec-common-history td dt {
		clear: both;
		color: var(--wp--preset--color--color-1);
		/*
		float: left;
		*/
		font-family: 'Roboto', sans-serif;
		font-size: 120%;
		font-weight: 700;
		position: relative;
		top: -.15em;
		white-space: nowrap;
	}

	.sec-common-history td dd {
		/*
		float: left;
		*/
		padding-bottom: 1em;
		width: calc(100% - 6em);
	}

		.viewmode-mobile .sec-common-history td dd {
			/*
			float: left;
			*/
			font-size: 90%;
			margin-left: 1em;
			padding-top: .2em;
			padding-bottom: 1em;
			width: auto;
		}

	.sec-common-history td ul {
		list-style-type: none;
		padding: 0;
	}

	/* 年表示 */
	.sec-common-history th span {
		background-color: var(--wp--preset--color--color-1);
		border-radius: 100%;
		color: #fff;
		display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-size: 140%;
		font-weight: 500;
		line-height: 1;
		padding: 1.2em .5em;
		position: relative;
		text-align: center;
		top: -1em;
		vertical-align: top;
	}