/**
 *
 * page-company.scss
 *
 */
/* ------------------------------------------------------------
 company-intro
------------------------------------------------------------ */
.company-intro__flex {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.company-intro__flex {
		display: flex;
		justify-content: space-between;
		margin-top: 10rem ;
	}
}

@media screen and (max-width: 1023px) {
	.company-intro__flex {
		margin-top: 6rem ;
	}
}

/* ---------- company-intro__figure ---------- */
.company-intro__figure {
	position: relative;
	overflow: hidden;
	z-index: 0;
}

@media screen and (min-width: 1024px) {
	.company-intro__figure {
		width: 45.37037vw;
		margin-left: calc( var(--outside) * -1);
		border-radius: 0 var(--radius-2xs) var(--radius-2xs) 0;
	}
}

@media screen and (max-width: 1023px) {
	.company-intro__figure {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: var(--ww);
	}
}

.company-intro__figure ul {
	height: 100%;
}

@media screen and (min-width: 1024px) {
	.company-intro__figure ul {
		display: flex;
		flex-direction: column;
	}
}

@media screen and (max-width: 1023px) {
	.company-intro__figure ul {
		max-height: 58.5rem ;
	}
	.company-intro__figure ul::after {
		content: '';
		display: block;
		padding-top: 100%;
	}
}

.company-intro__figure li {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.company-intro__figure li {
		flex-basis: 100%;
	}
}

/* ---------- company-intro__contents ---------- */
.company-intro__contents {
	display: grid;
}

@media screen and (min-width: 1024px) {
	.company-intro__contents {
		width: 41.89815vw;
		gap: 5.78704vw;
		padding-top: 6.94444vw;
	}
}

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

.company-intro__contents p {
	text-align: justify;
}

.company-intro__figure2 ul {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

@media screen and (min-width: 1024px) {
	.company-intro__figure2 ul {
		gap: 6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.company-intro__figure2 ul {
		gap: 1rem ;
	}
}

@media screen and (min-width: 1024px) {
	.company-intro__figure2 li {
		width: 14.46759vw;
	}
}

@media screen and (max-width: 1023px) {
	.company-intro__figure2 li {
		max-width: 25.5rem ;
		flex-basis: 100%;
	}
}

.company-intro__figure2 li + li {
	margin-top: 10rem ;
}

/* ------------------------------------------------------------
 company-cinema
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.company-cinema {
		margin-top: 22.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.company-cinema {
		margin-top: 10.3rem ;
	}
}

/* ----------------------------------------
 company-cinema__txt
---------------------------------------- */
.company-cinema__txt {
	position: relative;
	z-index: 10;
}

/* ----------------------------------------
 company-cinema__figure
---------------------------------------- */
.company-cinema__figure {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.company-cinema__figure {
		height: 66rem ;
		margin-top: -2.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.company-cinema__figure {
		margin-top: -1.6rem ;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.company-cinema__figure {
		height: 50rem ;
	}
}

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

@media screen and (min-width: 1024px) {
	.company-cinema__figure img {
		-o-object-position: 50% 70%;
		object-position: 50% 70%;
	}
}

/* ------------------------------------------------------------
 company-about
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.company-about {
		margin-top: 12rem ;
	}
}

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

/* ------------------------------------------------------------
 company-access
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.company-access__map {
		min-height: 45rem ;
		max-height: 60rem ;
	}
	.company-access__map::after {
		content: '';
		display: block;
		padding-top: 65.44503%;
	}
}

@media screen and (max-width: 1023px) {
	.company-access__map {
		min-height: 35.1rem ;
		max-height: 58.5rem ;
	}
	.company-access__map::after {
		content: '';
		display: block;
		padding-top: 111.42857%;
	}
}

@media screen and (min-width: 1024px) {
	.company-access__detail {
		display: flex;
		align-items: baseline;
		gap: var(--gap);
		margin-top: 4rem ;
		font-size: var(--font-size16);
		line-height: calc( 24 / 16 * 1em);
	}
}

@media screen and (max-width: 1023px) {
	.company-access__detail {
		display: grid;
		gap: 1rem ;
		margin-top: 3rem ;
		font-size: var(--font-size14);
		line-height: calc( 24 / 14 * 1em);
	}
}

.company-access__detail dt {
	font-weight: 700;
}

@media screen and (min-width: 1024px) {
	.company-access__detail dt {
		width: 8.5rem ;
	}
}

.company-access__detail dd {
	font-weight: 400;
}

@media screen and (min-width: 1024px) {
	.company-access__detail dd {
		flex: 1;
	}
}

/* ------------------------------------------------------------
 company-location
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.company-location {
		margin-top: 24rem ;
	}
}

@media screen and (max-width: 1023px) {
	.company-location {
		margin-top: 12rem ;
	}
}

/* ----------------------------------------
 company-location__card
---------------------------------------- */
.company-location__figure:has([src*="noimage2.webp"]) {
	border: var(--solid);
}

.company-location__card__title {
	font-weight: 700;
	line-height: var(--line-height-noraml);
	margin-top: 2rem ;
}

@media screen and (min-width: 1024px) {
	.company-location__card__title {
		font-size: var(--font-size20);
	}
}

@media screen and (max-width: 1023px) {
	.company-location__card__title {
		font-size: var(--font-size16);
	}
}

.company-location__card__txt {
	font-weight: 400;
	margin-top: 1rem ;
}

@media screen and (min-width: 1024px) {
	.company-location__card__txt {
		font-size: var(--font-size16);
		line-height: calc( 24 / 16 * 1em);
	}
}

@media screen and (max-width: 1023px) {
	.company-location__card__txt {
		font-size: var(--font-size14);
		line-height: calc( 20 / 14 * 1em);
	}
}

/* ------------------------------------------------------------
 company-history
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.company-history {
		margin-top: 24rem ;
	}
}

@media screen and (max-width: 1023px) {
	.company-history {
		margin-top: 12rem ;
	}
}

/* ------------------------------------------------------------
 company-gallery
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.company-gallery {
		margin-top: 24rem ;
	}
}

@media screen and (max-width: 1023px) {
	.company-gallery {
		margin-top: 12rem ;
	}
}
/*# sourceMappingURL=sourcemaps/page-company.css.map */