@charset "utf-8";
@import url(./components/style.css);

/*---------------------
section共通
----------------------*/
section > .inner > * {
  margin-inline: auto;
}

/*---------------------
fv
----------------------*/
.fv {
  background-color: #fff;
}

.fv > .inner {
  padding-bottom: 90px;
}

.fv h1 {
  width: 100%;
}

.fv h2 {
  margin-top: 80px;
  width: 660px;
}

.fv p {
  margin-inline: auto 0;
}


/*---------------------
intro
----------------------*/
.intro {
  padding: 56px 22px;
  background-color: var(--color-accent);
}

.intro > .inner {
  display: grid;
  gap: 64px;
}

.intro > .inner p:last-of-type {
  position: relative;
}

.intro > .inner p:last-of-type a {
  display: block;
  position: absolute;
  bottom: 32px;
  left: 50%;
  translate: -50%;
  width: 614px;
}


/*---------------------
copy
----------------------*/
.copy {
  padding: 32px 50px;
  background-color: var(--color-accent);
}

.copy > p {
  margin-inline: auto;
  width: fit-content;
}

/*---------------------
remarks
----------------------*/
.remarks {
  background-color: var(--color-accent);
}