/**
 *
 * page-about.scss
 *
 */
@media screen and (min-width: 1024px) {
	.about-main {
		padding-bottom: var(--space-sm);
	}
}

/* ------------------------------------------------------------
 about-visual
------------------------------------------------------------ */
.about-visual {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.about-visual {
		min-height: 64rem;
		max-height: 76.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.about-visual {
		min-height: 30rem;
		max-height: 48rem;
	}
}

.about-visual::after {
	content: '';
	display: block;
}

@media screen and (min-width: 1024px) {
	.about-visual::after {
		padding-top: calc( ( 640 / 1660 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.about-visual::after {
		padding-top: calc( ( 300 / 375 ) * 100%);
	}
}

.about-visual picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ------------------------------------------------------------
 about-intro
------------------------------------------------------------ */
/* ----------------------------------------
 about-intro__main
---------------------------------------- */
.about-intro__main {
	padding: var(--space-xl2) 0 var(--space-xl3);
}

@media screen and (min-width: 1024px) {
	.about-intro__main {
		display: flex;
		justify-content: space-between;
	}
}

/* ---------- about-intro__catch ----------*/
.about-intro__catch {
	line-height: var(--line-height-normal);
}

@media screen and (min-width: 1024px) {
	.about-intro__catch {
		width: calc( ( 640 / 1540 ) * 100%);
		font-size: var(--font-size50);
	}
}

@media screen and (min-width: 1441px) {
	.about-intro__catch {
		font-size: var(--font-size60);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.about-intro__catch {
		font-size: var(--font-size40);
	}
}

@media screen and (max-width: 560px) {
	.about-intro__catch {
		font-size: var(--font-size30);
	}
}

@media screen and (min-width: 1024px) {
	[lang="en"] .about-intro__catch {
		width: calc( ( 540 / 1540 ) * 100%);
	}
}

@media screen and (min-width: 1441px) {
	[lang="en"] .about-intro__catch {
		font-size: var(--font-size64);
	}
}

/* ---------- about-intro__contents ----------*/
@media screen and (min-width: 1024px) {
	.about-intro__contents {
		width: calc( ( 740 / 1540 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.about-intro__contents {
		margin-top: 4rem;
	}
}

.about-intro__button {
	margin-top: var(--space-xs);
}

/* ----------------------------------------
 about-intro__figures
---------------------------------------- */
.about-intro__figures {
	width: calc( 100% + var(--gap));
}

@media screen and (min-width: 1024px) {
	.about-intro__figures li {
		min-width: 54rem;
		margin-right: 2rem;
	}
}

@media screen and (max-width: 1023px) {
	.about-intro__figures li {
		min-width: 30.1rem;
		margin-right: 1rem;
	}
}

/* ------------------------------------------------------------
 about-forte
------------------------------------------------------------ */
.about-forte {
	margin-top: var(--space-xs);
}

/* ----------------------------------------
 about-forte__item
---------------------------------------- */
.about-forte__item {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.about-forte__item {
		min-height: 68rem;
	}
}

.about-forte__item + .about-forte__item {
	margin-top: var(--space-xs);
}

/* ---------- about-forte__item__figure ---------- */
@media screen and (min-width: 1024px) {
	.about-forte__item__figure {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
}

@media screen and (max-width: 1023px) {
	.about-forte__item__figure {
		position: relative;
		max-height: 38.4rem;
	}
	.about-forte__item__figure::after {
		content: '';
		display: block;
		padding-top: calc( ( 240 / 335 ) * 100%);
	}
}

/* ---------- about-forte__item__title ---------- */
.about-forte__item__title {
	line-height: var(--line-height-normal);
}

@media screen and (min-width: 1024px) {
	.about-forte__item__title {
		position: absolute;
		top: 2rem;
		left: 2rem;
		background: var(--color-bg7);
		-webkit-backdrop-filter: var(--bg-filter);
		backdrop-filter: var(--bg-filter);
		color: var(--color-txt2);
		font-size: var(--font-size30);
		padding: 0.3rem 1rem 0.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.about-forte__item__title {
		font-size: var(--font-size20);
		margin-top: 1rem;
	}
}

/* ---------- about-forte__item__txt ---------- */
@media screen and (min-width: 1024px) {
	.about-forte__item__txt {
		width: calc( ( 720 / 1540 ) * 100%);
		position: absolute;
		left: 2rem;
		bottom: 2rem;
		background: var(--color-bg7);
		-webkit-backdrop-filter: var(--bg-filter);
		backdrop-filter: var(--bg-filter);
		color: var(--color-txt2);
		padding: 0.5rem 1rem 0.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.about-forte__item__txt {
		margin-top: 1rem;
	}
}

/* ------------------------------------------------------------
 about-greeting
------------------------------------------------------------ */
/* ---------- about-greeting__title ---------- */
.about-greeting__title {
	line-height: var(--line-height-normal);
}

@media screen and (min-width: 1024px) {
	.about-greeting__title {
		font-size: var(--font-size14);
	}
}

@media screen and (max-width: 1023px) {
	.about-greeting__title {
		font-size: var(--font-size12);
	}
}

/* ---------- about-greeting__catch ---------- */
.about-greeting__catch {
	line-height: var(--line-height-normal);
	margin-top: 2rem;
}

@media screen and (min-width: 1024px) {
	.about-greeting__catch {
		font-size: var(--font-size56);
	}
}

@media screen and (max-width: 1023px) {
	.about-greeting__catch {
		font-size: var(--font-size30);
	}
}

/* ---------- about-greeting__txt ---------- */
.about-greeting__txt {
	margin-top: var(--space-sm);
}

@media screen and (min-width: 1024px) {
	.about-greeting__txt {
		width: calc( ( 1140 / 1540 ) * 100%);
		margin-right: 0;
		margin-left: auto;
	}
}

/* ---------- about-greeting__figure ---------- */
.about-greeting__figure {
	margin-top: var(--space-md2);
}

.about-greeting__figure figcaption {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.about-greeting__figure figcaption span {
	line-height: var(--line-height-normal);
}

@media screen and (min-width: 1024px) {
	.about-greeting__figure figcaption span {
		font-size: var(--font-size14);
	}
}

@media screen and (max-width: 1023px) {
	.about-greeting__figure figcaption span {
		font-size: var(--font-size10);
	}
}

.about-greeting__figure figcaption span:nth-of-type(1) {
	text-align: right;
}

.about-greeting__figure figcaption span:nth-of-type(2) {
	text-align: left;
}

.about-greeting__figure__img {
	position: relative;
	margin-top: 1rem;
}

@media screen and (min-width: 1024px) {
	.about-greeting__figure__img {
		max-height: 100.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.about-greeting__figure__img {
		max-height: 38.4rem;
	}
}

.about-greeting__figure__img::after {
	content: '';
	display: block;
}

@media screen and (min-width: 1024px) {
	.about-greeting__figure__img::after {
		padding-top: calc( ( 720 / 1540 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.about-greeting__figure__img::after {
		padding-top: calc( ( 240 / 335 ) * 100%);
	}
}

/* ------------------------------------------------------------
 about-company
------------------------------------------------------------ */
/* ---------- about-company__map ---------- */
@media screen and (min-width: 1024px) {
	.about-company__map {
		height: 54rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.about-company__map {
		height: 38.4rem;
	}
}

@media screen and (max-width: 560px) {
	.about-company__map {
		height: 24rem;
	}
}

/* ---------- about-company__tables ---------- */
.about-company__tables {
	margin-top: var(--space-xs);
}

/* ------------------------------------------------------------
 about-history
------------------------------------------------------------ */
/* ---------- about-history__list ---------- */
.about-history__list {
	margin-top: var(--space-xs);
}

.about-history__list figcaption {
	font-size: var(--font-size12);
	line-height: var(--line-height-normal);
	margin-top: 1rem;
}
/*# sourceMappingURL=sourcemaps/page-about.css.map */