@charset "UTF-8";

/* =========================================================
Layout Components
========================================================= */
.p-consulCont {
  grid-template-columns: 44% 56%!important;

  @media (max-width: 1024px) {
    max-width: var(--max-width01)!important;
  }
}

.p-consulInfo {
  display: flex;
  flex-direction: column;
  gap: var(--gap05);

  position: sticky;
  top: var(--gap10);

  @media (max-width: 1024px) {
    position: relative;
    top: 0;
  }
}

.p-consulInfo__head {
  display: flex;
  flex-direction: column;
  gap: var(--gap02);
}

.p-consulInfo__headCatch {
  font-size: var(--fs-mid);
}
.p-consulInfo__title {
  font-size: var(--fs-xlarge);
  @media (max-width: 1024px) {
  	font-size: var(--fs-large);
    br {
		display: none; 
	}
  }
}

.p-consulInfo__flow {
  display: flex;
  flex-direction: column;
  gap: var(--gap04);
  list-style: none;
  counter-reset: p-consulInfo__flowItem;
}

.p-consulInfo__flowItem {
  display: flex;
  align-items: center;
  gap: var(--gap02);
  counter-increment: p-consulInfo__flowItem;

  font-size: var(--fs-mid);
  line-height: 1.6;
	@media (max-width: 1024px) {
		align-items: flex-start;
	}
  &::before {
    content: counter(p-consulInfo__flowItem) "";
    width: 10px;
    height: 10px;
    aspect-ratio: 1/1;

    display: flex;
    justify-content: center;
    align-items: center;

    padding: var(--gap01) var(--gap01);
    border: 1px solid var(--border-color01);
    font-size: var(--fs-min);
    font-family: var(--font-outfit);
    font-weight: 700;
    color: var(--text-color04);
    background-color: var(--accent-color02);
  }
}
.p-consulInfo__text {
  font-size: var(--fs-mid);
  font-weight: 500;
}



/* フォーム */
.p-consulForm {
  position: relative;
  z-index: 10;
  background-color: var(--base-color03);
}
.p-consulForm__inner {
  display: flex;
  flex-direction: column;
  gap: var(--gap02);
  padding: var(--gap08) var(--gap08);
  @media (max-width: 1024px) {
  	padding: 0 var(--gap04) var(--gap08);
  }
}
.p-consulForm__img {
  margin-top: -10vw;
  margin-bottom: var(--gap04);
  @media (max-width: 1024px) {
  	margin-top: -6vw;
  }
}
.p-consulForm__form {
  display: flex;
  flex-direction: column;
  gap: var(--gap02);
}


/* サンクスページ */
.p-consulThanks {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap04);
  padding: var(--gap08) var(--gap08);
  background-color: var(--base-color03);
  max-width: var(--max-width01);
  margin: auto;
}
.p-consulThanks__title {
	font-size: var(--fs-title);
	text-align: center;
}
.p-consulThanks__cathch {
	font-size: var(--fs-mid);
	margin-bottom: var(--gap01);
}
.p-consulThanks__text {
	font-size: var(--fs-mid);
	text-align: center;
	p {
		font-weight: normal;
	}
}
.p-consulThanks__note {
	display: flex;
	flex-direction: column;
	gap: var(--gap01);
	font-size: var(--fs-min);
	font-weight: normal;
	text-align: left;
	padding: var(--gap05);
	background-color: var(--base-color02);
}