@charset "utf-8";

/*
トップメッセージ
/corporate/message/
*/


/*
***********************************************************************************************

***********************************************************************************************
*/

.container {
	margin-bottom: 0;
}

	.viewmode-mobile .content {
		padding-bottom: 0;
	}

.eyecatch {
}

	.viewmode-mobile .eyecatch {
	}

	.eyecatch .bg_eyecatch {
		/*
		opacity: 1;
		*/
	}

.entry-content {
	/*
	margin-left: auto;
	margin-right: auto;
	max-width: calc( var(--wp--style--global--content-size) + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right) );
	*/
}

	.viewmode-pc .entry-content {
	}

	.entry-content a[id]:empty {
		/* ヘッダーを固定した分、アンカーの表示位置をずらす */
		margin-top: -220px;
		padding-top: 220px;
		position: absolute;
	}


/*
***********************************************************************************************
トップメッセージ
***********************************************************************************************
*/

.sec01 {
	/*
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	*/
	max-width: 910px;
	min-height: 445px;
	padding-top: 100px;
	padding-right: 430px;
	position: relative;
}

	.viewmode-mobile .sec01 {
		min-height: 0;
		padding-top: 0;
		padding-right: 0;
	}

	/* MESSAGE */
	.sec01 h2 {
		margin-bottom: 1em;
	}

		.viewmode-mobile .sec01 h2 {
		}

		.sec01 h2::before,
		.sec01 h2::after {
			right: calc( 50% + 2.5em );
		}


	/* 未来を加速させる、情報通信の架け橋 */
	.sec01 h3 {
	}

		.viewmode-mobile .sec01 h3 {
		}

	.sec01 figure {
		float: right;
		margin: 0px 0 0px 0;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
	}

		.viewmode-mobile .sec01 figure {
			float: none;
			margin: 0 0 0 0;
			position: relative;
		}

		.sec01 figure img {
			vertical-align: top;
		}

			.viewmode-mobile .sec01 figure img {
				max-width: 250px;
			}

	/*
	.sec01 h4 {
		font-size: 22px;
	}

		.viewmode-mobile .sec01 h4 {
			font-size: 18px;
		}

			.viewmode-mobile .sec01 figure + h4 {
				margin-top: 1.5em;
			}

		.sec01 h4 br {
		}

			.viewmode-mobile .sec01 h4 br {
				display: none;
			}
	 */


/*
***********************************************************************************************
メッセージ本文
***********************************************************************************************
*/

.sec02 {
	margin-top: 3em;
}

	.viewmode-mobile .sec02 {
		margin-top: 2em;
	}

	.sec02 p {
		/*
		font-size: 105%;
		*/
	}

	.sec02 cite {
		display: block;
		font-style: normal;
		margin-top: 1.5em;
		text-align: right;
	}

		.viewmode-mobile .sec02 cite {
			font-size: 80%;
		}

		/* 代表取締役社長 */
		.sec02 cite small {
			display: inline-block;
			font-size: 100%;
			margin-right: 1em;
		}

		/* 高津　智仁 */
		.sec02 cite img {
			max-width: 190px;
			vertical-align: middle;
		}

			.viewmode-mobile .sec02 cite img {
				width: 150px;
			}


/*
***********************************************************************************************
PROFILE
***********************************************************************************************
*/

.sec-common-history {
	background-color: var(--wp--preset--color--color-4);
	margin-top: 6em;
	margin-right: calc(var(--wp--style--root--padding-right) * -1);
	margin-left: calc(var(--wp--style--root--padding-left) * -1);
	max-width: none !important;
	padding: 4em 0 10em 0;
	position: relative;
}

	.viewmode-mobile .sec-common-history {
		margin-top: 4em;
		padding-left: var(--wp--style--root--padding-left);
		padding-right: var(--wp--style--root--padding-right);
		padding-bottom: 150px;
	}

	/* 背景を左右に延長（未使用） */
	/*
	.sec-common-history::before,
	.sec-common-history::after {
		background-color: inherit;
		content: '';
		display: block;
		position: absolute;
		top: 0;
		height: 100%;
		z-index: -1;
		width: calc((100vw - var(--wp--style--global--content-size))/2);
	}

	.sec-common-history::before {
		left: calc(((100vw - var(--wp--style--global--content-size))/2)*-1);
	}

	.sec-common-history::after {
		right: calc(((100vw - var(--wp--style--global--content-size))/2)*-1);
	}
	*/

	/* フキダシのひげ */
	.sec-common-history::before {
		background-color: var(--wp--preset--color--color-4);
		content: '';
		height: calc(tan(60deg) * 50px / 2);
		left: calc( 50% - 30px );
		clip-path: polygon(50% 0, 100% 100%, 0 100%);
		position: absolute;
		top: calc(tan(60deg) * 50px / 2 * -.98);
		width: 50px;
		transform: scaleY(.8);
		transform-origin: bottom;
	}

	/* 背景画像 */
	.sec-common-history::after {
		background-image: url(bg_message_04.webp);
		background-repeat: no-repeat;
		background-size: cover;
		content: '';
		display: block;
		height: 325px;
		right: 0;
		position: absolute;
		top: 0;
		width: 485px;
		z-index: 0;
	}

		.viewmode-mobile .sec-common-history::after {
			transform: scale(.4);
			transform-origin: right top;
		}

	/* PROFILE */
	.sec-common-history h2 {
		color: #858dae;
	}

		.viewmode-mobile .sec-common-history h2 {
		}

	.sec-common-history table {
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}

	/* 罫線の飾り */
	.sec-common-history tr:last-child th::before {
		height: 270px;
	}

	/* 矢印の飾り */
	.sec-common-history tr:last-child th::after {
		top: 200px;
	}