@charset "UTF-8";
/**
 *
 * page-cross-talk.scss
 *
 * CSS名は、cross-talkを省略して「xtalk」とする。
 *
 */
.xtalk-main {
	background-color: var(--color-bg10);
}

@media screen and (min-width: 1024px) {
	.xtalk-main {
		padding-bottom: 10rem ;
	}
}

@media screen and (max-width: 1023px) {
	.xtalk-main {
		padding-bottom: 8rem ;
	}
}

/* ------------------------------------------------------------
 xtalk-intro
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.xtalk-intro__inner {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
}

@media screen and (min-width: 1024px) {
	.xtalk-intro__catch {
		width: var(--grid5);
	}
}

@media screen and (min-width: 1024px) {
	.xtalk-intro__txt {
		width: var(--grid7);
	}
}

@media screen and (max-width: 1023px) {
	.xtalk-intro__txt {
		margin-top: 3rem ;
	}
}

/* ------------------------------------------------------------
 xtalk-list
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.xtalk-list {
		margin-top: 10rem ;
	}
}

@media screen and (max-width: 1023px) {
	.xtalk-list {
		margin-top: 6rem ;
	}
}
/*# sourceMappingURL=sourcemaps/page-cross-talk.css.map */