/*===============================================================================
代表挨拶
================================================================================*/
.company-aisatu{
	max-width: var(--width-sm);
	margin-inline: auto;
	margin-bottom: var(--g-sec--lg);
}
.company-aisatu__title{
	margin-bottom: var(--g-sec--sm);
	text-align: center;
}

.company-aisatu__message{
	margin-bottom: var(--g-sec--sm);
}
.company-aisatu__message > *:not(:last-of-type){
	margin-bottom: 1.25rem;
}
.company-aisatu__name{
	text-align: right;
}

.company-aisatu__profile{
	--count: 1;
	--gap: var(--g-sec--xs);
	--media-width: 80%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: var(--gap);
	padding: var(--g-sec--sm);
	background-image: var(--bgi);
	border-radius: var(--bd-r--xl);
	overflow: hidden;
}
@media (min-width: 768px){
	.company-aisatu__profile{
		--count: 2;
	}
}
/* 画像 */
.company-aisatu__picture{
	flex-grow: 1;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	border-radius: var(--bd-r--lg);
	overflow: hidden;
}
/* テキストエリア */
.company-aisatu__content{
	flex-grow: 1;
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.company-aisatu__lead{
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px dashed var(--c-main);
	font-size: 1.25rem;
	font-weight: var(--fw-lg);
	font-family: var(--ff-gz);
}
.company-aisatu__hobby{
	line-height: var(--lh-xl);
}



/*===============================================================================
会社概要
================================================================================*/
.company-summary{
	max-width: var(--width-sm);
	margin-inline: auto;
	margin-bottom: var(--g-sec--lg);
}
.company-summary__title{
	margin-bottom: var(--g-sec--sm);
	text-align: center;
}
.company-summary__table{
	display: block;
	width: 100%;
}
/* table */
.company-summary__table table{
	width: 100%;
}
/* tr */
.company-summary__table tr:not(:last-of-type){
	border-bottom: 1px solid var(--c-gray);
}
.company-summary__table tr{
	display: flex;
	flex-direction: column;
	padding: 1.5rem 1rem;
}
@media (min-width: 600px){
	.company-summary__table tr{
		flex-direction: row;
	}
}

.company-summary__table td:first-of-type{
	width: 18%;
	min-width: 6em;
	font-weight: var(--fw-lg);
	font-family: var(--ff-gz);
}



/*===============================================================================
アクセス
================================================================================*/
.company-access{
	position: relative;
	max-width: var(--width-sm);
	margin-inline: auto;
	padding: var(--g-sec--lg) 0;
}
.company-access::before {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	z-index: -1;
	content: "";
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	background-image: var(--bgi);
}
.company-access__container{
	max-width: var(--width-sm);
	margin-inline: auto;
}
.company-access__title{
	margin-bottom: var(--g-sec--sm);
	text-align: center;
}

.company-access__roots{
	margin-bottom: 2rem;
}
.company-access__root:not(:last-of-type){
	margin-bottom: 2rem;
}
.company-access__summary{
	margin-bottom: .5rem;
	font-weight: var(--fw-lg);
	font-size: 1.25rem;
	font-family: var(--ff-gz);
}
.company-access__summary span{
	background: linear-gradient(transparent 70%, #FDF4DE 70%);
}
.company-access__detail{
	line-height: var(--lh-xl);
}
.company-access__map{
	border-radius: var(--bd-r--lg);
	overflow: hidden;
}
.company-access__map iframe{
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 2 / 1;
}

