@charset "utf-8";

/*
サステナビリティ
/sustainability/
*/


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

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

.eyecatch .bg_eyecatch {
	/*
	background-position: top 40% center;
	opacity: 1;
	*/
}

.eyecatch h1 {
}


/*
***********************************************************************************************
本文共通
***********************************************************************************************
*/

.content h2 {
}

	.viewmode-mobile .content h2 {
	}

.content p {
}

	.viewmode-mobile .content p {
	}

		.viewmode-mobile .content p br {
		}

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

	.viewmode-mobile .entry-content {
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);
	}

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


/*
***********************************************************************************************
セクション共通
***********************************************************************************************
*/

.sec-common-01 {
	max-width: none;
}

	.viewmode-mobile .sec-common-01 {

	}

	.sec-common-01 > div {
		margin-left: auto;
		margin-right: auto;
		max-width: var(--wp--style--global--content-size);
		min-height: 500px;
		padding-right: 600px;
		position: relative;
	}

		.viewmode-mobile .sec-common-01 > div {
			min-height: 0;
			padding-right: 0;
		}

	.sec-common-01 h2 {
		color: #000;
		font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
		font-size: 36px;
		font-style: normal;
		font-weight: bold;
		margin-bottom: 1em;
		padding-bottom: 1em;
		text-align: left;
	}

		.viewmode-mobile .sec-common-01 h2 {
			font-size: 24px;
		}

		.sec-common-01 h2::before,
		.sec-common-01 h2::after {
			bottom: 0;
			right: 0;
		}

		.sec-common-01 h2 small {
			border: 1px solid #000;
			display: table;
			font-size: 50%;
			line-height: 1;
			margin-bottom: .5em;
			padding: .35em .65em;
		}

			.viewmode-mobile .sec-common-01 h2 small {
				font-size: 60%;
			}

	.sec-common-01 figure {
		position: absolute;
		left: 520px;
		top: 0;
	}

		.viewmode-mobile .sec-common-01 figure {
			left: auto;
			position: relative;
			text-align: center;
		}

		.sec-common-01 figure img {
			max-width: 500px;
			vertical-align: top;
		}

			.viewmode-mobile .sec-common-01 figure img {
				max-width: 250px;
			}

	.sec-common-01 h3 {
		font-size: 160%;
		font-weight: bold;
		margin-bottom: .25em;
	}

		.viewmode-mobile .sec-common-01 h3 {
			font-size: 130%;
		}

	.sec-common-01 > ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: 3em;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		width: calc( var(--wp--style--global--content-size) + 80px);
	}

		.viewmode-mobile .sec-common-01 > ul {
			display: block;
			width: auto;
		}

		.sec-common-01 > ul > li {
			border-top: 1px solid #ccc;
			list-style-type: none;
			padding: 40px 40px;
			width: 50%;
			vertical-align: top;
		}

			.viewmode-mobile .sec-common-01 > ul > li {
				padding: 20px 0;
				width: auto;
			}

			.sec-common-01 > ul > li:nth-child(even) {
				border-left: 1px solid #ccc;
			}

				.viewmode-mobile .sec-common-01 > ul > li:nth-child(even) {
					border-left: none;
				}

			.sec-common-01 > ul > li + li {
				margin-top: 0;
			}

			.sec-common-01 > ul > li:nth-of-type(1),
			.sec-common-01 > ul > li:nth-of-type(2) {
				border-top: none;
			}

				.viewmode-mobile .sec-common-01 > ul > li:nth-of-type(1),
				.viewmode-mobile .sec-common-01 > ul > li:nth-of-type(2) {
					border-top: 1px solid #ccc;
				}

	.sec-common-01 > small {
		display: block;
		font-size: inherit;
		margin: 3em auto 0 auto;
		max-width: var(--wp--style--global--content-size);
	}


/*
***********************************************************************************************
美しい地球と通信技術の
未来を共に築く
***********************************************************************************************
*/

.sec01 {
}

	.viewmode-mobile .sec01 {
	}

	.sec01 > div {
		min-height: 480px;
		padding-top: 8em;
	}

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

	.sec01 figure {
		top: 0;
	}

		.viewmode-mobile .sec01 figure {
		}

		.sec01 figure img {
			max-width: 485px;
		}

			.viewmode-mobile .sec01 figure img {
				/*
				max-width: 100%;
				*/
			}


/*
***********************************************************************************************
人権尊重とダイバーシティの推進
***********************************************************************************************
*/

.sec02 {
	background-color: var(--wp--preset--color--color-4);
	margin-top: 8em;
	padding-top: 5em;
	padding-bottom: 7em;
}

	.viewmode-mobile .sec02 {
		margin-top: 6em;
		margin-left: calc(var(--wp--style--root--padding-left) * -1);
		margin-right: calc(var(--wp--style--root--padding-right) * -1);
		padding-left: var(--wp--style--root--padding-left);
		padding-right: var(--wp--style--root--padding-right);
	}

	.sec02 > div {
		min-height: 340px;
		padding-right: 540px;
	}

		.viewmode-mobile .sec02 > div {
			min-height: 0;
			padding-right: 0;
		}

	/* 人権尊重とダイバーシティの推進 */
	.viewmode-mobile .sec02 h2 {
		font-size: 23px;
	}

	.sec02  figure {
		left: 560px;
		top: -30%;
		z-index: 1;
	}

		.viewmode-mobile .sec02 figure {
			left: auto;
			top: auto;
		}

	.sec02 h3 {
	}

		.viewmode-mobile .sec02 h3 {
		}

		.sec02 > ul > li:nth-of-type(6) {
			border-bottom: 1px solid #ccc;
		}

		.sec02 > ul > li:last-child {
			border-right: 1px solid #ccc;
		}


/*
***********************************************************************************************
信頼と透明性を築く
ステークホルダーへの
価値提供と持続的な成長
***********************************************************************************************
*/

.sec03 {
	margin-top: 6em;
}

	.viewmode-mobile .sec03 {
		margin-top: 6em;
	}

	.sec03 > div {
		min-height: 400px;
	}

		.viewmode-mobile .sec03 > div {
			min-height: 0;
		}

	.sec03 h3 {
	}

	.sec03 figure {
		left: 500px;
	}

		.viewmode-mobile .sec03 figure {
			left: auto;
		}

		.sec03 figure img {
			max-width: 570px;
			position: relative;
			top: -30px;
		}

			.viewmode-mobile .sec03 figure img {
				/*
				max-width: 100%;
				*/
				top: auto;
			}

	.sec03 ul ul {
		list-style-type: none;
		margin-top: 1.5em;
		padding: 0;
	}

		.sec03 ul ul li {
			padding-left: 1.2em;
			position: relative;
		}

			/* ＊ */
			.sec03 ul ul li::before {
				content: '＊';
				left: 0;
				position: absolute;
				top: 0;
			}

			.sec03 ul ul li + li {
				margin-top: 0;
			}