/**
 *
 * page-company.scss
 *
 */
/* ------------------------------------------------------------
 home-catch
------------------------------------------------------------ */
.home-catch {
	position: absolute;
	z-index: 100;
	left: var(--outside);
	display: flex;
	align-items: flex-end;
	pointer-events: none;
}

@media screen and (min-width: 1024px) {
	.home-catch {
		width: 67.5rem ;
		height: 130rem ;
		margin-left: 1rem ;
		top: calc( var(--wh) - 36.0rem);
	}
}

@media screen and (max-width: 1023px) {
	.home-catch {
		width: 33.7rem ;
		height: 78rem ;
		margin-left: 0.5rem ;
		top: calc( var(--wh) - 19.8rem);
	}
}

.home-catch p {
	position: sticky;
}

@media screen and (min-width: 1024px) {
	.home-catch p {
		bottom: 16.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-catch p {
		bottom: 10.2rem ;
	}
}

/* ------------------------------------------------------------
 home-kv
------------------------------------------------------------ */
.home-kv {
	position: relative;
	height: var(--wh);
	color: var(--color-txt2);
}

.home-kv::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
	width: 100%;
	height: 50rem ;
	background: var(--color-gradation12);
	will-change: background;
	pointer-events: none;
}

.home-kv::after {
	content: '';
	display: block;
	background-image: url("../img/common/logo_symbol2.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 12;
	opacity: .4;
	mix-blend-mode: overlay;
	pointer-events: none;
}

@media screen and (min-width: 1024px) {
	.home-kv::after {
		width: 87.3rem ;
		height: 79.1rem ;
		right: 1.5rem ;
		bottom: -0.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-kv::after {
		display: none;
	}
}

.home-kv__over {
	width: calc( 100% - 2.0rem);
	height: calc( 100% - 2.0rem);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(0.00001deg);
	transform: translate(-50%, -50%) rotate(0.00001deg);
	z-index: 1;
	background: var(--color-gradation13);
	mix-blend-mode: soft-light;
}

@media screen and (max-width: 1023px) {
	.home-kv__over {
		display: none;
	}
}

.home-kv__en {
	text-transform: uppercase;
	font-family: var(--font-sans-serif2);
	line-height: var(--line-height-noraml);
}

@media screen and (min-width: 1024px) {
	.home-kv__en {
		position: absolute;
		z-index: 20;
		left: calc( var(--outside) + 65.4rem);
		bottom: 16.3rem ;
		font-size: var(--font-size24);
	}
}

@media screen and (max-width: 1023px) {
	.home-kv__en {
		display: none;
	}
}

.home-kv__pv {
	position: absolute;
	right: var(--outside);
	bottom: 16rem ;
	z-index: 20;
}

@media screen and (max-width: 1023px) {
	.home-kv__pv {
		display: none;
	}
}

/* ------------------------------------------------------------
 home-topic
------------------------------------------------------------ */
.home-topic {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
	width: 100%;
}

.home-topic__inner {
	border-top: var(--solid-current);
}

@media screen and (min-width: 1024px) {
	.home-topic__inner {
		display: flex;
		height: 12rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-topic__inner {
		height: 8rem ;
	}
}

/* ----------------------------------------
 home-topic__header
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-topic__header {
		min-width: 15.7rem ;
		width: 9.08565vw;
		display: flex;
		align-items: center;
	}
}

@media screen and (max-width: 1023px) {
	.home-topic__header {
		display: none;
	}
}

.home-topic__title {
	width: 100%;
	height: 3.9rem ;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: var(--solid6);
	font-family: var(--font-sans-serif2);
	font-size: var(--font-size24);
}

/* ----------------------------------------
 home-topic__card
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-topic__card {
		flex: 1;
		min-width: 0px;
	}
}

@media screen and (max-width: 1023px) {
	.home-topic__card {
		width: 100%;
		height: 100%;
	}
}

.home-topic__card a {
	width: 100%;
	height: 100%;
	display: flex;
}

@media screen and (min-width: 1024px) {
	.home-topic__card a {
		align-items: center;
		gap: 3rem ;
		padding: 0 0 0 6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-topic__card a {
		flex-direction: column;
		justify-content: center;
	}
}

@media screen and (max-width: 1023px) {
	.home-topic__card i {
		display: none;
	}
}

.home-topic__card__time {
	font-family: var(--font-sans-serif2);
}

@media screen and (min-width: 1024px) {
	.home-topic__card__time {
		font-size: var(--font-size16);
		padding-top: 0.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-topic__card__time {
		font-size: var(--font-size14);
	}
}

.home-topic__card__title {
	min-width: 0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 400;
	line-height: var(--line-height-noraml);
}

@media screen and (min-width: 1024px) {
	.home-topic__card__title {
		flex: 1;
		font-size: var(--font-size16);
		padding-bottom: 0.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-topic__card__title {
		font-size: var(--font-size14);
		margin-top: 0.5rem ;
	}
}

/* ------------------------------------------------------------
 home-video
------------------------------------------------------------ */
.home-video {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100vw;
	height: 100vh;
}

.home-video video {
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

@media screen and (min-width: 1024px) {
	.home-video video {
		-webkit-mask-image: url("../img/common/mask_symbol.webp");
		mask-image: url("../img/common/mask_symbol.webp");
		-webkit-mask-size: 127.37269% 218.44226%;
		mask-size: 127.37269% 218.44226%;
		-webkit-mask-position: 46% 50%;
		mask-position: 46% 50%;
	}
}

@media screen and (max-width: 1023px) {
	.home-video video {
		-webkit-mask-image: url("../img/common/mask_symbol2.webp");
		mask-image: url("../img/common/mask_symbol2.webp");
		-webkit-mask-size: 189.74359% 123.30827%;
		mask-size: 189.74359% 123.30827%;
		-webkit-mask-position: 50% 50%;
		mask-position: 50% 50%;
	}
}

.home-video-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: calc( 100% - var(--wh));
	background-color: var(--color-bg15);
	will-change: background-color;
}

/* ------------------------------------------------------------
 home-dark
------------------------------------------------------------ */
.home-dark {
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.home-dark {
		height: 85.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-dark {
		height: 66.5rem ;
	}
}

/* ------------------------------------------------------------
 home-intro
------------------------------------------------------------ */
.home-intro {
	position: relative;
	z-index: 10;
	color: var(--color-txt2);
}

@media screen and (min-width: 1024px) {
	.home-intro__inner {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
}

/* ----------------------------------------
 home-intro__figure
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-intro__figure {
		width: 39.0625vw;
		margin-top: 34.8rem ;
		margin-bottom: 28.4rem ;
	}
}

/* ----------------------------------------
 home-intro__contents
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-intro__contents {
		display: flex;
		flex-direction: column-reverse;
		width: calc( var(--grid5) + var(--gap));
	}
}

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

.home-intro__txt {
	white-space: nowrap;
}

@media screen and (min-width: 1024px) {
	.home-intro__txt {
		margin-top: 20rem ;
	}
}

.home-intro__figure2 {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

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

@media screen and (min-width: 1024px) {
	.home-intro__figure2 figure:nth-of-type(1) {
		width: 38.51852%;
	}
}

@media screen and (max-width: 1023px) {
	.home-intro__figure2 figure:nth-of-type(1) {
		width: 40%;
	}
}

@media screen and (min-width: 1024px) {
	.home-intro__figure2 figure:nth-of-type(2) {
		width: 49.62963%;
		margin-bottom: 10rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-intro__figure2 figure:nth-of-type(2) {
		width: 48.57143%;
		margin-bottom: 4rem ;
	}
}

/* ------------------------------------------------------------
 home-xtalk
------------------------------------------------------------ */
.home-xtalk {
	position: relative;
	z-index: 10;
	color: var(--color-txt2);
}

@media screen and (min-width: 1024px) {
	.home-xtalk {
		padding: 20rem 0 18rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-xtalk {
		padding: 11.4rem 0 12rem ;
	}
}

@media screen and (min-width: 1024px) {
	.home-xtalk__list {
		margin-top: 4rem ;
	}
}

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

/* ------------------------------------------------------------
 home-special
------------------------------------------------------------ */
.home-special {
	position: relative;
	z-index: 10;
	border-radius: 0 0 var(--radius-md) var(--radius-md);
	background-color: var(--color-bg);
}

@media screen and (min-width: 1024px) {
	.home-special {
		padding-top: 20rem ;
		padding-bottom: 26rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-special {
		padding-top: 4.7rem ;
		padding-bottom: 12rem ;
	}
}

/* ------------------------------------------------------------
 home-looptxt
------------------------------------------------------------ */
.home-looptxt {
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
	color: var(--color-txt2);
}

@media screen and (min-width: 1024px) {
	.home-looptxt {
		height: 78rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-looptxt {
		height: 56rem ;
	}
}

/* ------------------------------------------------------------
 home-sports
------------------------------------------------------------ */
.home-sports {
	position: relative;
	z-index: 10;
	border-radius: var(--radius-md) var(--radius-md) 0 0;
	background-color: var(--color-bg);
}

@media screen and (min-width: 1024px) {
	.home-sports {
		padding-top: 24rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-sports {
		padding-top: 12rem ;
	}
}

.home-sports a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	color: var(--color-txt2);
}

@media screen and (min-width: 1024px) {
	.home-sports a {
		height: 90rem ;
		padding: 8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-sports a {
		min-height: 400px;
		height: 47.1rem ;
		padding: 4rem var(--outside);
	}
}

.home-sports a::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: var(--color-gradation11);
}

/* ----------------------------------------
 home-news__header
---------------------------------------- */
.home-sports__contents {
	display: grid;
	gap: 4rem ;
}

@media screen and (min-width: 1024px) {
	.home-sports__contents {
		width: 58.10185vw;
		margin-left: auto;
	}
}

/* ----------------------------------------
 home-sports__figure
---------------------------------------- */
.home-sports__figure {
	--slide-gap: 0.2rem ;
	z-index: -10;
}

@media screen and (min-width: 1024px) {
	.home-sports__figure {
		--slide-width: 60rem ;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.home-sports__figure {
		--slide-width: 40rem ;
	}
}

@media screen and (max-width: 560px) {
	.home-sports__figure {
		--slide-width: 26.5rem ;
	}
}

.home-sports__figure li {
	position: relative;
	height: 100%;
}

.home-sports__figure [src*="sports_figure_1.webp"] {
	transition-delay: 60ms;
}

.home-sports__figure [src*="sports_figure_2.webp"] {
	transition-delay: 120ms;
}

/* ------------------------------------------------------------
 home-news
------------------------------------------------------------ */
.home-news {
	position: relative;
	z-index: 10;
	background-color: var(--color-bg);
}

@media screen and (min-width: 1024px) {
	.home-news {
		padding: 20rem 0 ;
	}
}

@media screen and (max-width: 1023px) {
	.home-news {
		padding: 12rem 0 ;
	}
}

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

/* ----------------------------------------
 home-news__header
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-news__header {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: var(--grid3);
		min-height: 20rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-news__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

/* ----------------------------------------
 home-news__main
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.home-news__main {
		width: var(--grid8);
	}
}

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

/* ----------------------------------------
 home-news__kai
---------------------------------------- */
.home-news__kai {
	margin-top: 6rem ;
}

.home-news__kai a {
	background-color: var(--color-bg13);
	color: var(--color-txt2);
}

@media screen and (min-width: 1024px) {
	.home-news__kai a {
		display: flex;
		align-items: center;
		padding: 3rem 4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.home-news__kai a {
		display: block;
		padding: 3rem var(--outside);
	}
}

.home-news__kai__title {
	display: flex;
	align-items: center;
	gap: 1rem ;
	font-weight: 700;
	font-size: var(--font-size20);
	line-height: calc( 30 / 20 * 1em);
}

.home-news__kai__title::before {
	content: '';
	display: block;
	width: 2.4rem ;
	height: 2.4rem ;
	background-image: url("../img/common/icon/balloon-white.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 1024px) {
	.home-news__kai__txt {
		flex: 1;
		margin-left: 5.7rem ;
	}
}

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

/* ------------------------------------------------------------
 home-service
------------------------------------------------------------ */
.home-service {
	position: relative;
	z-index: 10;
	background-color: var(--color-bg);
}
/*# sourceMappingURL=sourcemaps/page-home.css.map */