/**
 *
 * page-corporation.scss
 *
 */
/* ------------------------------------------------------------
 corporation-intro
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.corporation-intro {
		position: absolute;
		top: 0;
		left: 0;
		height: 106.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-intro {
		margin-top: 7rem ;
	}
}

@media screen and (min-width: 1024px) {
	.corporation-intro__inner {
		width: 30%;
		height: 100%;
		margin-left: 12%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding-bottom: 3.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-intro__inner {
		width: var(--contents-sm);
		margin-inline: auto;
	}
}

.corporation-intro__catch {
	color: var(--color-accent3);
}

@media screen and (max-width: 1023px) {
	.corporation-intro__catch {
		text-align: center;
		padding-left: 0.5em;
	}
}

.corporation-intro__txt {
	color: var(--color-txt8);
}

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

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

/* ------------------------------------------------------------
 corporation-example
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.corporation-example {
		margin-top: 20.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-example {
		margin-top: 10.4rem ;
	}
}

@media screen and (min-width: 1024px) {
	.corporation-example .corporation-form {
		margin-top: 6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-example .corporation-form {
		margin-top: 5.5rem ;
	}
}

.corporation-example__txt {
	color: var(--color-txt7);
}

@media screen and (min-width: 1024px) {
	.corporation-example__txt {
		margin-top: 6.5rem ;
		padding: 0 0.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-example__txt {
		margin-top: 4rem ;
		padding: 0 0.6rem ;
	}
}

/* ------------------------------------------------------------
 corporation-form
------------------------------------------------------------ */
.corporation-form {
	background-color: var(--color-bg3);
}

@media screen and (min-width: 1024px) {
	.corporation-form {
		padding: 5rem 5rem 5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-form {
		width: var(--contents);
		margin-left: -17vw;
		padding: 2.7rem 2rem 2.7rem ;
	}
}

/* ---------- corporation-form__txt ---------- */
.corporation-form__txt {
	color: var(--color-txt7);
	text-align: center;
}

/* ---------- corporation-form__button ---------- */
@media screen and (min-width: 1024px) {
	.corporation-form__button {
		margin-top: 3.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-form__button {
		margin-top: 2.3rem ;
	}
}

.corporation-form__button a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
}

.corporation-form__button__txt {
	display: block;
}

@media screen and (min-width: 1024px) {
	.corporation-form__button__txt {
		font-family: var(--font-mincho);
		font-weight: 500;
		font-size: var(--font-size20);
		margin-right: 1.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-form__button__txt {
		color: var(--color-txt10);
		font-size: var(--font-size13);
		letter-spacing: 0.04em;
		margin-right: 1.7rem ;
	}
}

/* ------------------------------------------------------------
 corporation-zozo
------------------------------------------------------------ */
.corporation-zozo {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.corporation-zozo {
		margin-top: 13.5rem ;
		padding: 9.4rem 0 8.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-zozo {
		width: 93%;
		margin-left: auto;
		margin-right: 0;
		margin-top: 7.7rem ;
		padding: 12.1rem 0 12rem ;
	}
}

.corporation-zozo::before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	border-radius: var(--radius-xs2) 0 0 var(--radius-xs2);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 561px) {
	.corporation-zozo::before {
		background-image: url("../img/corporation/zozo_bg-pc.webp");
	}
}

@media screen and (min-width: 1024px) {
	.corporation-zozo::before {
		width: 95.73333%;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-zozo::before {
		width: 100%;
	}
}

@media screen and (max-width: 560px) {
	.corporation-zozo::before {
		background-image: url("../img/corporation/zozo_bg-sp.webp");
	}
}

@media screen and (max-width: 1023px) {
	.corporation-zozo__title {
		text-align: center;
		padding-left: 0.5em;
	}
}

/* ----------------------------------------
 corporation-zozo__main
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.corporation-zozo__main {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		margin-top: 5.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-zozo__main {
		margin-top: 5.5rem ;
	}
}

/* ---------- corporation-zozo__logo ---------- */
@media screen and (min-width: 1024px) {
	.corporation-zozo__logo {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		width: 37.56846%;
		margin-top: 0.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-zozo__logo {
		width: 16rem ;
		margin-inline: auto;
	}
}

@media screen and (min-width: 1024px) {
	.corporation-zozo__logo img {
		width: 20.3rem ;
	}
}

/* ---------- corporation-zozo__contents ---------- */
@media screen and (max-width: 1023px) {
	.corporation-zozo__contents {
		max-width: 45rem ;
		width: 60.75vw;
		margin-inline: auto;
		margin-top: 5.6rem ;
	}
}

/* ----- corporation-zozo__title2 ----- */
.corporation-zozo__title2 {
	font-family: var(--font-mincho);
	font-weight: 500;
	letter-spacing: 0.06em;
}

@media screen and (min-width: 1024px) {
	.corporation-zozo__title2 {
		font-size: var(--font-size26);
	}
}

@media screen and (max-width: 1023px) {
	.corporation-zozo__title2 {
		text-align: center;
		font-size: var(--font-size22);
	}
}

/* ----- corporation-zozo__txt ----- */
@media screen and (min-width: 1024px) {
	.corporation-zozo__txt {
		margin-top: 4.4rem ;
	}
}

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

/* ----- corporation-zozo__button ----- */
@media screen and (min-width: 1024px) {
	.corporation-zozo__button {
		margin-top: 4.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-zozo__button {
		margin-top: 4rem ;
		margin-inline: auto;
	}
}

/* ------------------------------------------------------------
 corporation-publish
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.corporation-publish {
		margin-top: 14.2rem ;
		margin-bottom: 19rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-publish {
		margin-top: 10rem ;
		margin-bottom: 19.5rem ;
	}
}

@media screen and (min-width: 1024px) {
	.corporation-publish .corporation-form {
		margin-top: 5.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-publish .corporation-form {
		margin-top: 8.8rem ;
	}
}

@media screen and (min-width: 1024px) {
	.corporation-publish__section {
		margin-top: 1rem ;
	}
}

@media screen and (min-width: 1024px) {
	.corporation-publish__section + .corporation-publish__section {
		margin-top: 9.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.corporation-publish__section + .corporation-publish__section {
		margin-top: 8rem ;
	}
}

.corporation-publish__list {
	color: var(--color-txt8);
}

@media screen and (min-width: 1024px) {
	.corporation-publish__list {
		margin-top: 5.2rem ;
	}
}

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