@charset "utf-8";

/*
会社概要・アクセス
/aboutus/profile/
*/


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

.eyecatch {
}

	.viewmode-mobile .eyecatch {
	}

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

	.eyecatch h1 {
	}

		.viewmode-mobile .eyecatch h1 {
		}

.entry-content {
	/*
	display: flex;
	margin-left: auto;
	margin-right: auto;
	*/
}

	.viewmode-pc .entry-content {
	}

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


/*
***********************************************************************************************
会社概要
***********************************************************************************************
*/

.sec01 {
	padding-right: 280px;
	position: relative;
}

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

	/* PROFILE */
	.sec01 h2 {
		width: var(--wp--style--global--content-size);
	}

		.viewmode-mobile .sec01 h2 {
			width: auto;
		}

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

			.viewmode-mobile .sec01 h2::before,
			.viewmode-mobile .sec01 h2::after {
				right: calc( 50% + 2.3em );
			}

	.sec01 figure {
		position: absolute;
		right: 0;
	}

		.viewmode-mobile .sec01 figure {
			margin-top: 1.5em;
			position: relative;
			text-align: center;
		}

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

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

	.sec01 table {
		margin-top: 3em;
		width: 100%;
	}

		.viewmode-mobile .sec01 table {
			margin-top: 1.5em;
		}

	.sec01 th,
	.sec01 td {
		padding: 1.5em;
		position: relative;
		vertical-align: top;
	}

	.sec01 th {
		/*
		background-color: var(--wp--preset--color--color-4) !important;
		*/
		background-color: transparent !important;
		white-space: nowrap;
		width: 120px;
	}

		.viewmode-mobile .sec01 th,
		.viewmode-mobile .sec01 td {
			padding: 1em;
		}

		.viewmode-mobile .sec01 th {
			width: auto;
		}

		.sec01 td .btn {
			border: none;
			padding: 0 0 0 0;
			position: absolute;
			right: 0;
			text-decoration: underline;
		}

			.sec01 td .btn:hover {
				background-color: transparent;
				color: inherit;
				text-decoration: none;
			}

			.sec01 td .btn::before {
				background-color: var(--wp--preset--color--color-1);
				/*
				border-radius:100%;
				*/
				content: '';
				display: inline-block;
				height: 1em;
				line-height: 1;
				margin-right: .25em;
				text-align: center;
				top: .1em;
				position: relative;
				width: 1em;
				-webkit-mask-image: url('../../../css/fontawesome/svgs/solid/circle-arrow-right.svg');
				mask-image: url('../../../css/fontawesome/svgs/solid/circle-arrow-right.svg');
				-webkit-mask-size: contain;
				mask-size: contain;
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
				transform: scale(1.2);
			}

			.sec01 td .btn::after {
				content: none;
			}


	.sec01 dl {
		margin: 0;
	}

		.sec01 dt {
			clear: both;
			float: left;
			width: 8em;
		}

		.sec01 dd {
		}


/*
***********************************************************************************************
アクセス
***********************************************************************************************
*/

.sec02 {
	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;
	text-align: center;;
}

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

	/* ACCESS */
	.sec02 h2 {
		/*
		text-align: center;
		*/
	}

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

		.viewmode-mobile .sec02 h2::before,
		.viewmode-mobile .sec02 h2::after {
			right: calc( 50% + 2.3em );
		}

	/* 所在地 */
	.sec02 p {
		margin-top: 1.5em;
		text-align: center;
	}

		.sec02 p br {
			display: none;
		}

			.viewmode-mobile .sec02 p br {
				display: inline;
			}

	/* Googleマップ */
	.sec02 iframe {
		margin-top: 2em;
		text-align: center;
	}

		.viewmode-mobile .sec02 iframe {
			height: 400px;
		}